

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

# Menggunakan Infrastructure Composer dari AWS Toolkit for Visual Studio Code
<a name="using-composer-ide"></a>

Bagian ini menjelaskan bagaimana Anda dapat menggunakan AWS Infrastructure Composer dari [AWS Toolkit for Visual Studio Code](https://aws.amazon.com//visualstudiocode/). Ini termasuk ikhtisar visual Komposer Infrastruktur dari. AWS Toolkit for Visual Studio Code Ini juga mencakup instruksi yang menunjukkan bagaimana Anda dapat mengakses pengalaman ini dan menyinkronkan proyek Anda dari VS Code ke AWS cloud. Untuk menyinkronkan, Anda menggunakan **sam sync** perintah dari file AWS SAMCLI. Bagian ini juga memberikan panduan tentang penggunaan Amazon Q saat berada di Infrastructure Composer dari. AWS Toolkit for Visual Studio Code

Untuk panduan tambahan tentang penggunaan Infrastructure Composer dari AWS Toolkit for Visual Studio Code, lihat. [Cara menulis](using-composer-basics.md) Konten di bagian ini berlaku untuk pengalaman ini, serta pengalaman konsol Infrastructure Composer.

**Topics**
+ [Gambaran visual Komposer Infrastruktur dari AWS Toolkit for Visual Studio Code](using-composer-ide-visual.md)
+ [Akses Komposer Infrastruktur dari AWS Toolkit for Visual Studio Code](setting-up-composer-access-ide.md)
+ [Sinkronkan Komposer Infrastruktur untuk diterapkan ke AWS Cloud](using-composer-ide-sync.md)
+ [Menggunakan AWS Infrastructure Composer dengan Amazon Q Developer](using-composer-ide-cw.md)

# Gambaran visual Komposer Infrastruktur dari AWS Toolkit for Visual Studio Code
<a name="using-composer-ide-visual"></a>

Desainer visual Infrastructure Composer AWS Toolkit for Visual Studio Code termasuk kanvas visual, yang mencakup komponen yang diberi nomor dalam gambar berikut dan tercantum di bawah ini. 

![\[Desainer visual Infrastructure Composer, termasuk komponen kanvas visualnya yang dirinci secara numerik.\]](http://docs.aws.amazon.com/id_id/infrastructure-composer/latest/dg/images/aac_use_ide_visual_02.png)


1. **Palet sumber daya** - Menampilkan kartu yang dapat Anda desain dengan.

1. **Kategori kartu** - Kartu diatur berdasarkan kategori yang unik untuk Komposer Infrastruktur.

1. **Bilah pencarian sumber daya** — Cari kartu yang dapat Anda tambahkan ke kanvas.

1. **Daftar** - Menampilkan tampilan pohon dari sumber daya aplikasi Anda.

1. **Sumber Daya** - Menampilkan palet sumber daya.

1. **Toggle panel kiri — Sembunyikan** atau tampilkan panel kiri.

1. **Atur** - Mengatur arsitektur aplikasi Anda di kanvas.

1. **Sync** - Memulai CLI `sam sync` perintah AWS Serverless Application Model (AWS SAM) untuk menyebarkan aplikasi Anda.

1. **Menu** - Menyediakan opsi umum seperti berikut ini:
   + **Ekspor kanvas**
   + **Tur kanvas**
   + Link ke **Dokumentasi**
   + Pintasan keyboard

1. **Panel properti sumber daya** - Menampilkan properti yang relevan untuk kartu yang telah dipilih di kanvas. Panel ini dinamis. Properti yang ditampilkan akan berubah saat Anda mengkonfigurasi kartu Anda.

1. **Kartu** — Menampilkan tampilan kartu Anda di kanvas.

1. **Line** — Merupakan koneksi antar kartu.

1. **Grup** — Sekelompok kartu. Anda dapat mengelompokkan kartu untuk organisasi visual.

1. **Port** — Koneksi menunjuk ke kartu lain.

1. **Tindakan kartu** — Menyediakan tindakan yang dapat Anda ambil pada kartu Anda.
   + **Detail** - Memunculkan panel **properti Resource**.
   + **Grup** — Kelompokkan kartu yang dipilih bersama.
   + **Hapus** — Menghapus kartu dari kanvas dan template Anda.

1. **Re-center** — Pusatkan kembali diagram aplikasi Anda pada kanvas visual.

1. **Zoom** - Zoom in dan out pada kanvas Anda.

# Akses Komposer Infrastruktur dari AWS Toolkit for Visual Studio Code
<a name="setting-up-composer-access-ide"></a>

Ikuti petunjuk dalam topik ini untuk mengakses Infrastructure Composer dari. AWS Toolkit for Visual Studio Code

**catatan**  
Sebelum Anda dapat mengakses Infrastructure Composer dari AWS Toolkit for Visual Studio Code, Anda harus terlebih dahulu mengunduh dan menginstal Toolkit for VS Code. Untuk petunjuk, lihat [Mengunduh Toolkit for VS Code](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/downloads.html).

**Untuk mengakses Infrastructure Composer dari Toolkit for VS Code**

Anda dapat mengakses Infrastructure Composer dengan salah satu cara berikut:

1. Dengan memilih tombol Infrastructure Composer dari salah satu CloudFormation atau AWS SAM template.

1. Melalui menu konteks dengan mengklik kanan pada AWS SAM template CloudFormation atau Anda.

1. Dari Palet Perintah Kode VS.

Berikut ini adalah contoh mengakses Infrastructure Composer dari tombol Infrastructure Composer:

![\[Komposer Infrastruktur diakses melalui. AWS Toolkit for Visual Studio Code\]](http://docs.aws.amazon.com/id_id/infrastructure-composer/latest/dg/images/aac_intro_07.gif)


Untuk informasi selengkapnya tentang mengakses Infrastructure Composer, lihat [Mengakses AWS Infrastructure Composer dari](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/appcomposer-overview.html#appcomposer-overview-access) Toolkit.

# Sinkronkan Komposer Infrastruktur untuk diterapkan ke AWS Cloud
<a name="using-composer-ide-sync"></a>

Gunakan tombol **sinkronisasi** AWS Infrastructure Composer dari AWS Toolkit for Visual Studio Code untuk menyebarkan aplikasi Anda ke file. AWS Cloud

Tombol **sinkronisasi** memulai `sam sync` perintah dari AWS SAM Command Line Interface (CLI).

`sam sync`Perintah dapat menyebarkan aplikasi baru atau dengan cepat menyinkronkan perubahan yang Anda buat secara lokal ke file. AWS Cloud Berlari `sam sync` mungkin termasuk yang berikut:
+ Membangun aplikasi Anda `sam build` untuk mempersiapkan file aplikasi lokal Anda untuk penyebaran dengan membuat atau memperbarui `.aws-sam` direktori lokal.
+ Untuk sumber daya yang mendukung AWS layanan APIs, AWS SAM CLI akan menggunakan APIs untuk menyebarkan perubahan Anda. Lakukan AWS SAM CLI ini untuk memperbarui sumber daya Anda dengan cepat di cloud.
+ Jika perlu, AWS SAM CLI melakukan AWS CloudFormation penerapan untuk memperbarui seluruh tumpukan Anda melalui set perubahan.

`sam sync`Perintah ini paling cocok untuk lingkungan pengembangan yang cepat saat memperbarui sumber daya cloud Anda dengan cepat dapat bermanfaat bagi pengembangan dan pengujian alur kerja Anda.

Untuk mempelajari selengkapnya`sam sync`, lihat [Menggunakan sinkronisasi sam](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/using-sam-cli-sync.html) di *Panduan AWS Serverless Application Model Pengembang*.

## Penyiapan
<a name="using-composer-ide-sync-setup"></a>

Untuk menggunakan fitur **sinkronisasi** di Infrastructure Composer, Anda harus AWS SAM CLI menginstal pada mesin lokal Anda. Untuk petunjuk, lihat [Menginstal AWS SAMCLI di](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/install-sam-cli.html) *Panduan AWS Serverless Application Model Pengembang*.

Saat Anda menggunakan fitur **sinkronisasi** di Infrastructure Composer, AWS SAM CLI referensi file konfigurasi Anda untuk informasi yang diperlukan untuk menyinkronkan aplikasi Anda ke file. AWS Cloud Untuk petunjuk cara membuat, memodifikasi, dan menggunakan file konfigurasi, lihat [Mengkonfigurasi pengaturan proyek](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/using-sam-cli-configure.html#using-sam-cli-configure-project) di *Panduan AWS Serverless Application Model Pengembang*.

## Sinkronkan dan terapkan aplikasi Anda
<a name="using-composer-ide-sync-use"></a>

**Untuk menyinkronkan aplikasi Anda ke AWS Cloud**

1. Pilih tombol **sinkronisasi** pada kanvas Infrastructure Composer.

1. Anda mungkin menerima prompt untuk mengonfirmasi bahwa Anda bekerja dengan tumpukan pengembangan. Pilih **OK** untuk melanjutkan.

1. Infrastructure Composer dapat meminta Anda untuk mengkonfigurasi opsi berikut:
   + **Wilayah AWS**— Wilayah untuk menyinkronkan aplikasi Anda ke.
   + **CloudFormation nama tumpukan** — Nama CloudFormation tumpukan Anda. Anda dapat memilih nama tumpukan yang ada atau membuat yang baru.
   + Bucket **Amazon Simple Storage Service (Amazon S3)** — Nama bucket Amazon S3 Anda. AWS SAM CLIWill mengemas dan menyimpan file aplikasi dan kode fungsi Anda di sini. Anda dapat memilih bucket yang sudah ada atau membuat yang baru.

Infrastructure Composer akan memulai AWS SAM CLI `sam sync` perintah dan membuka jendela terminal di IDE Anda untuk menampilkan kemajuannya.

# Menggunakan AWS Infrastructure Composer dengan Amazon Q Developer
<a name="using-composer-ide-cw"></a>

 AWS Infrastructure Composer dari AWS Toolkit for Visual Studio Code menyediakan integrasi denganAmazon Q. Anda dapat menggunakan Amazon Q dalam Infrastructure Composer untuk menghasilkan kode infrastruktur untuk AWS sumber daya Anda saat Anda mendesain aplikasi Anda.

Amazon Qadalah tujuan umum, generator kode bertenaga pembelajaran mesin. Untuk mempelajari lebih lanjut, lihat [Apa ituAmazon Q?](https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/what-is.html) dalam *Amazon Q DeveloperUser Guide*.

Untuk **sumber daya standar** **dan kartu komponen standar**, Anda dapat menggunakannya Amazon Q untuk menghasilkan saran kode infrastruktur untuk sumber daya Anda.

![\[Amazon Qmenghasilkan saran kode di Infrastructure Composer\]](http://docs.aws.amazon.com/id_id/infrastructure-composer/latest/dg/images/aac_use_ide_cw_01.gif)


**Sumber daya standar** **dan kartu komponen standar** dapat mewakili CloudFormation sumber daya atau kumpulan sumber CloudFormation daya. Untuk mempelajari selengkapnya, lihat [Mengkonfigurasi dan memodifikasi kartu di Infrastructure Composer](using-composer-cards.md).

## Menyiapkan
<a name="using-composer-ide-cw-setup"></a>

Untuk digunakan Amazon Q di Infrastructure Composer, Anda harus mengautentikasi dengan Amazon Q di Toolkit. Untuk petunjuk, lihat [Memulai Amazon Q di VS Code dan JetBrains](https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/q-in-IDE.html) di *Panduan Amazon Q Developer Pengguna*.

## Menggunakan Amazon Q Developer di Infrastructure Composer
<a name="using-composer-ide-cw-use"></a>

Anda dapat menggunakan Amazon Q Developer dari panel **properti Resource** dari **sumber daya standar** atau kartu **komponen standar** apa pun.

**Untuk digunakan Amazon Q di Infrastructure Composer**

1. Dari **sumber daya standar** atau kartu **komponen standar**, buka panel **Resource properties**.

1. Temukan bidang **konfigurasi Sumber Daya**. Bidang ini berisi kode infrastruktur untuk kartu.

1. Pilih tombol **Hasilkan saran**. Amazon Qakan menghasilkan saran.
**catatan**  
Kode yang dihasilkan pada tahap ini tidak akan menimpa kode infrastruktur yang ada dari template Anda.

1. Untuk menghasilkan lebih banyak saran, pilih **Regenerate**. Anda dapat beralih melalui sampel untuk membandingkan hasil.

1. Untuk memilih opsi, pilih **Pilih**. Anda dapat memodifikasi kode di sini sebelum menyimpannya ke aplikasi Anda. Untuk keluar tanpa menyimpan, pilih **ikon keluar (X)**.

1. Untuk menyimpan kode ke template aplikasi Anda, pilih **Simpan** dari panel **properti Resource**.

## Pelajari selengkapnya
<a name="using-composer-ide-cw-learn"></a>

Untuk mempelajari lebih lanjut tentangAmazon Q, lihat [Apa ituAmazon Q?](https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/what-is.html) dalam *Amazon Q DeveloperUser Guide*.