Amazon tidak CodeCatalyst akan lagi terbuka untuk pelanggan baru mulai 7 November 2025. Jika Anda ingin menggunakan layanan ini, silakan mendaftar sebelum 7 November 2025. 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:
-
@displayNameAnotasi dapat digunakan untuk mengubah label bidang di wizard.Contoh:
@displayName AWS Region -
@placeholderAnotasi dapat digunakan untuk mengubah placeholder komponen select/multiselect.Contoh:
@placeholder Choose AWS Region
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']>[]; }