Aggiungere componenti regionali a un blueprint

Il tipo di regione può essere aggiunto all'Optionsinterfaccia del tuo blueprint personalizzato per generare un componente nella procedura guidata del blueprint, puoi inserire una o più regioni AWS. Il tipo gion può essere importato dal blueprint di base nel file. blueprint.ts Per ulteriori informazioni, consulta le regioni AWS.

Per importare CodeCatalyst i blueprint di Amazon, digita una regione

Nel tuo blueprint.ts file, aggiungi quanto segue:

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

Il parametro del tipo di regione è una serie di codici regionali AWS tra cui scegliere, oppure puoi utilizzarlo * per includere tutte le regioni AWS supportate.

Annotazioni

I tag JSDoc possono essere aggiunti a ciascun campo dell'Optionsinterfaccia per personalizzare l'aspetto e il comportamento di un campo nella procedura guidata. Per il tipo di regione, sono supportati i seguenti tag:

• L'@displayNameannotazione può essere utilizzata per modificare l'etichetta del campo nella procedura guidata.

  Esempio: @displayName AWS Region

• L'@placeholderannotazione può essere utilizzata per modificare il segnaposto del componente di selezione/multiselezione.

  Esempio: @placeholder Choose AWS Region

Esempi di componenti regionali

Scelta di una regione da un elenco specificato

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

Scelta di una o più regioni da un elenco specificato

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

Scelta di una regione AWS

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

Scelta di una o più regioni da un elenco specificato

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