Amazon CodeCatalyst tidak lagi terbuka untuk pelanggan baru. Pelanggan yang sudah ada dapat terus menggunakan layanan ini seperti biasa. Lihat informasi yang lebih lengkap di Cara bermigrasi dari CodeCatalyst.

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

Menambahkan komponen wilayah ke cetak biru

Jenis wilayah dapat ditambahkan ke Options antarmuka cetak biru khusus Anda untuk menghasilkan komponen dalam panduan cetak biru, Anda dapat memasukkan satu atau beberapa gion AWS. Jenis gion dapat diimpor dari cetak biru dasar Anda di file Anda. blueprint.ts Untuk informasi selengkapnya, lihat wilayah AWS.

Untuk mengimpor jenis CodeCatalyst wilayah cetak biru Amazon

Dalam blueprint.ts file Anda, tambahkan yang berikut ini:

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

Parameter tipe wilayah adalah larik kode wilayah AWS yang dapat dipilih, atau Anda dapat menggunakannya * untuk menyertakan semua wilayah AWS yang didukung.

Anotasi

JSDoc tag dapat ditambahkan ke setiap bidang di Options antarmuka untuk menyesuaikan bagaimana bidang muncul dan berperilaku di wizard. Untuk jenis wilayah, tag berikut didukung:

Contoh komponen wilayah

Memilih wilayah dari daftar tertentu

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

Memilih satu atau beberapa wilayah dari daftar tertentu

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

Memilih satu egion AWS

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

Memilih satu atau beberapa wilayah dari daftar tertentu

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