Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.
# Bekerja dengan AWS Step Functions Workflow Studio
Bagian berikut menjelaskan cara bekerja dengan AWS Step Functions Workflow Studio di. AWS Toolkit for Visual Studio Code Untuk informasi rinci tentang AWS Step Functions Workflow Studio, lihat topik [Mengembangkan alur kerja](https://docs.aws.amazon.com//step-functions/latest/dg/developing-workflows.html) di Panduan Pengembang *AWS Step Functions*
## Membuka Alur Kerja Studio
Daftar berikut menjelaskan berbagai jalur yang tersedia bagi Anda untuk membuka Workflow Studio di VS Code.
**catatan**
Untuk bekerja dengan Workflow Studio di VS Code, ekstensi file `Amazon State Language` (ASL) Anda yang berisi definisi mesin status Anda, harus diakhiri dengan`asl.json`, `asl.yml` atau. `asl.yaml` Untuk detail tentang mengunduh atau membuat definisi mesin status baru di AWS Toolkit, lihat *bagian Mengunduh mesin* *status dan Membuat mesin status* dalam AWS Step Functions topik [Bekerja dengan](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/building-stepfunctions.html) Panduan Pengguna ini.
+ Dari AWS Explorer, buka menu konteks untuk (klik kanan) `ASL` file yang berisi definisi mesin status, lalu pilih **Buka di Workflow Studio**.
+ Dari `ASL` file terbuka yang berisi definisi mesin status, pilih ikon **Buka dengan Workflow Studio** yang terletak di sebelah tab di jendela editor VS Code.
+ Dari `ASL` file terbuka yang berisi definisi mesin negara, pilih CodeLens perintah **Buka dengan Workflow Studio**, yang terletak di bagian atas file.
+ Menutup dan membuka kembali `ASL` file yang berisi definisi mesin status secara otomatis membuka kembali file di Workflow Studio, kecuali Workflow Studio default dinonaktifkan secara manual.
## Mode desain dan mode Kode
Workflow Studio memiliki dua mode untuk bekerja dengan `ASL` file Anda yang berisi definisi mesin status: Mode **desain** dan mode **Kode**. Mode **desain** menyediakan antarmuka grafis untuk memvisualisasikan alur kerja Anda saat Anda membuat prototipe. Mode **kode** memiliki editor kode terintegrasi di mana Anda dapat melihat, menulis, dan mengedit `ASL` definisi dalam alur kerja Anda.
**catatan**
Untuk informasi mendetail tentang setiap bagian UI dalam mode Desain dan Kode, lihat topik [Menggunakan Workflow Studio](https://docs.aws.amazon.com//step-functions/latest/dg/workflow-studio.html) di Panduan *AWS Step Functions*Pengembang. Tidak semua fitur Workflow Studio tersedia di AWS Toolkit, seperti **mode Config**, misalnya.
UI mode **Desain** memiliki 7 bagian utama, seperti yang diberi label dan dijelaskan pada gambar berikut.
1. Tombol Mode: Tombol untuk beralih antara mode **Desain** dan **Kode**.
1. Tombol utilitas: Satu set tombol untuk melakukan tugas, seperti keluar dari Workflow Studio, menyimpan alur kerja Anda, atau mengekspor `ASL` definisi dalam file JSON atau YAMG.
1. Toolbar desain: Toolbar yang berisi serangkaian tombol yang melakukan tindakan umum, seperti membatalkan, menghapus, dan memperbesar kontrol.
1. States Browser: Browser yang berisi drag-and-drop status untuk kanvas alur kerja Anda. Status diatur ke dalam tab dan didefinisikan sebagai **Tindakan**, **Aliran**, dan **Pola**.
1. Grafik Canvas dan alur kerja: Sebuah rendering visual dari alur kerja Anda di mana Anda dapat menghapus, mengatur ulang, dan memilih status untuk konfigurasi.
1. Inspector Panel: Lihat dan edit properti dari setiap status yang dipilih pada kanvas. ****Bergantung pada status yang dipilih dalam grafik alur kerja kanvas, tab diisi dengan opsi khusus status untuk **Konfigurasi**, **Input/Output**, Variabel, dan penanganan Kesalahan.****
1. Tautan info: Membuka panel dengan informasi kontekstual saat Anda membutuhkan bantuan. Panel ini juga menyertakan tautan ke topik terkait di Panduan *AWS Step Functions*Pengembang.
![\[Mode Desain UI Workflow Studio di Toolkit AWS\]](http://docs.aws.amazon.com/id_id/toolkit-for-vscode/latest/userguide/images/SFNWFS022025.png)
## Menggunakan tes single-state selama desain
Dari UI status uji Workflow Studio, Anda dapat menguji status individual mesin status Anda. Ini termasuk kemampuan untuk memberikan input status, mengatur variabel, dan membuat keduanya AWS SAM dan substitusi CloudFormation definisi.
Untuk mempelajari selengkapnya tentang infrastruktur sebagai kode (IAc), definisi sumber daya, dan data transformasi, lihat [Menggunakan AWS SAM untuk membangun alur kerja Step Functions](https://docs.aws.amazon.com/step-functions/latest/dg/concepts-sam-sfn.html) dan [Transforming data dengan topik Step JSONata Functions di Panduan](https://docs.aws.amazon.com/step-functions/latest/dg/transforming-data.html) Pengembang. *AWS Step Functions*
Prosedur berikut menjelaskan cara membuka UI status pengujian di Workflow Studio.
**Membuka UI status pengujian**
1. Dari tab Mode **Desain** di Workflow Studio, navigasikan ke kanvas dan pilih status untuk membukanya di panel **Inspector**.
1. Dari panel **Inspector**, pilih tombol **Test state**.
1. UI **status Uji** terbuka di VS Code.
**UI status uji memiliki 3 tab utama, **input Uji, **Argumen & Output****, definisi Status.** Tab **masukan Uji** memiliki 3 bidang tambahan yang memungkinkan Anda memberikan **masukan Status**, mengatur **variabel**, dan menentukan **substitusi Definisi dari templat** AWS SAM atau CloudFormation Anda. Di tab **Definisi negara**, Anda dapat menyesuaikan alur kerja dan menguji ulang. Setelah selesai menjalankan pengujian, Anda dapat menerapkan dan menyimpan perubahan pada definisi mesin status Anda.
Tangkapan layar berikut menunjukkan UI status uji, yang menyertakan definisi sumber daya topik.
![\[UI status pengujian Workflow Studio di Toolkit AWS\]](http://docs.aws.amazon.com/id_id/toolkit-for-vscode/latest/userguide/images/SFNWFSteststate022025.png)
## Menonaktifkan Workflow Studio secara default
Secara default, Workflow Studio adalah editor default untuk `ASL` file yang berisi definisi mesin status. Anda dapat menonaktifkan pengaturan default dengan memodifikasi `settings.json` file Anda di `.vscode` direktori lokal Anda. Jika Anda menonaktifkan Workflow Studio secara default, itu masih dapat diakses melalui metode yang tercantum di bagian *Membuka Workflow Studio*, yang terletak di topik ini.
Untuk mengedit `settings.json` file Anda dari VS Code, selesaikan langkah-langkah berikut.
1. Dari VS Code, buka **Command Palette** dengan menekan **option\$1shift\$1p** (Mac) atau **ctrl\$1shift\$1p** (Windows).
1. Dari **Palet Perintah** Kode VS, **Open User Settings (JSON)** masuk ke bidang pencarian dan pilih opsi saat terisi dalam daftar.
1. Dari `settings.json` editor Anda, tambahkan modifikasi berikut ke file Anda.
```
{
"workbench.editorAssociations": {
// Use all the following overrides or a specific one for a certain file type
"*.asl.json": "default",
"*.asl.yaml": "default",
"*.asl.yml": "default"
}
}
```
1. Simpan perubahan Anda `settings.json` dan segarkan atau mulai ulang VS Code.