블루프린트에 영역 컴포넌트 추가

사용자 지정 블루프린트의 Options 인터페이스에 지역 유형을 추가하여 하나 이상의 AWS gion을 입력할 수 있는 블루프린트 마법사에서 구성 요소를 생성할 수 있습니다. gion 유형은 파일의 기본 블루프린트에서 가져올 수 있습니다. blueprint.ts 자세한 내용은 AWS 리전을 참조하십시오.

Amazon CodeCatalyst 블루프린트 지역 유형을 가져오려면

blueprint.ts파일에 다음을 추가합니다.

import { Region } from '@amazon-codecatalyst/blueprints.blueprint'

지역 유형 파라미터는 선택할 수 있는 AWS 지역 코드의 배열이거나 지원되는 모든 AWS 지역을 포함하는 * 데 사용할 수 있습니다.

주석

Options인터페이스의 각 필드에 JSDoc 태그를 추가하여 마법사에서 필드가 나타나고 동작하는 방식을 사용자 정의할 수 있습니다. 지역 유형의 경우 다음 태그가 지원됩니다.

• @displayName주석을 사용하여 마법사에서 필드 레이블을 변경할 수 있습니다.

  예제: @displayName AWS Region

• @placeholder주석을 사용하여 선택/다중 선택 구성 요소의 자리 표시자를 변경할 수 있습니다.

  예제: @placeholder Choose AWS Region

지역 구성 요소 예제

지정된 목록에서 지역 선택

export interface Options extends ParentOptions {
    ...
  /**
   * @displayName Region
   */
  region: Region<['us-east-1', 'us-east-2', 'us-west-1', 'us-west-2']>;
}

지정된 목록에서 하나 이상의 지역 선택

export interface Options extends ParentOptions {
    ...
  /**
   * @displayName Regions
   */
  multiRegion: Region<['us-east-1', 'us-east-2', 'us-west-1', 'us-west-2']>[];
}

하나의 AWS 지역 선택

export interface Options extends ParentOptions {
    ...
  /**
   * @displayName Region
   */
  region: Region<['*']>;
}

지정된 목록에서 하나 이상의 지역 선택

export interface Options extends ParentOptions {
    ...
  /**
   * @displayName Regions
   */
  multiRegion: Region<['us-east-1', 'us-east-2', 'us-west-1', 'us-west-2']>[];
}