

Amazon CodeCatalyst ist nicht mehr offen für Neukunden. Bestandskunden können den Service weiterhin wie gewohnt nutzen. Weitere Informationen finden Sie unter [Wie migriert man von CodeCatalyst](migration.md).

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

# Hinzufügen von Regionskomponenten zu einem Blueprint
<a name="region-comp-bp"></a>

Der Regionstyp kann der `Options` Schnittstelle Ihres benutzerdefinierten Blueprints hinzugefügt werden, um eine Komponente zu generieren. Im Blueprint-Assistenten können Sie eine oder mehrere AWS-Gions eingeben. Der Gion-Typ kann aus Ihrem Basis-Blueprint in Ihre Datei importiert werden. `blueprint.ts` Weitere Informationen finden Sie unter [AWS-Regionen](https://aws.amazon.com/about-aws/global-infrastructure/regions_az/).

**Um Amazon CodeCatalyst Blueprints zu importieren, geben Sie den Regionstyp ein**

Fügen Sie in Ihrer `blueprint.ts` Datei Folgendes hinzu:

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

Der Regionstyp-Parameter ist eine Reihe von AWS-Regionscodes, aus denen Sie wählen können, oder Sie können ihn verwenden, `*` um alle unterstützten AWS-Regionen einzubeziehen.

**Topics**
+ [Anmerkungen](#region-annotations-bp)
+ [Beispiele für Komponenten aus Regionen](#region-components-examples)

## Anmerkungen
<a name="region-annotations-bp"></a>

JSDoc Zu jedem Feld in der `Options` Benutzeroberfläche können Tags hinzugefügt werden, um die Darstellung und das Verhalten eines Felds im Assistenten anzupassen. Für den Regionstyp werden die folgenden Tags unterstützt:
+ Die `@displayName` Anmerkung kann verwendet werden, um die Bezeichnung des Felds im Assistenten zu ändern.

  Beispiel: `@displayName AWS Region`
+ Die `@placeholder` Anmerkung kann verwendet werden, um den Platzhalter der Select-/Multiselect-Komponente zu ändern.

  Beispiel: `@placeholder Choose AWS Region`

## Beispiele für Komponenten aus Regionen
<a name="region-components-examples"></a>

### Auswahl einer Region aus einer bestimmten Liste
<a name="region-specified-list-bp"></a>

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

### Eine oder mehrere Regionen aus einer bestimmten Liste auswählen
<a name="region-specified-list-bp"></a>

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

### Eine AWS-Region auswählen
<a name="region-one-bp"></a>

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

### Wählen Sie eine oder mehrere Regionen aus einer bestimmten Liste
<a name="region-specified-list-bp"></a>

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