Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.
Tutorial: Hasilkan aplikasi menggunakan AI
AWS App Studio berisi fitur AI generatif di seluruh layanan untuk membantu mempercepat pembuatan aplikasi. Dalam tutorial ini, Anda akan belajar cara membuat aplikasi menggunakan AI dengan menjelaskan aplikasi Anda menggunakan bahasa alami.
Menggunakan AI untuk membuat aplikasi adalah cara yang bagus untuk mulai membangun karena banyak sumber daya aplikasi dibuat untuk Anda. Biasanya jauh lebih mudah untuk mulai membangun dari aplikasi yang dihasilkan dengan sumber daya yang ada daripada memulai dari aplikasi kosong.
catatan
Anda dapat melihat posting blog Mem bangun aplikasi tingkat perusahaan dengan bahasa alami menggunakan AWS App Studio (pratinjau)
Saat App Studio membuat aplikasi dengan AI, App Studio akan membuat aplikasi dengan sumber daya berikut yang disesuaikan dengan aplikasi yang Anda jelaskan:
-
Halaman dan komponen: Komponen adalah blok bangunan antarmuka pengguna aplikasi Anda. Mereka mewakili elemen visual seperti tabel, formulir, dan tombol. Setiap komponen memiliki rangkaian propertinya sendiri, dan Anda dapat menyesuaikan komponen agar sesuai dengan kebutuhan spesifik Anda. Halaman adalah wadah untuk komponen.
-
Otomatisasi: Anda menggunakan otomatisasi untuk menentukan logika dan alur kerja yang mengatur perilaku aplikasi Anda. Misalnya, Anda dapat menggunakan otomatisasi untuk membuat, memperbarui, membaca, atau menghapus baris dalam tabel data atau berinteraksi dengan objek di bucket Amazon S3. Anda juga dapat menggunakannya untuk menangani tugas-tugas seperti validasi data, notifikasi, atau integrasi dengan sistem lain.
-
En titas: Data adalah informasi yang mendukung aplikasi Anda. Aplikasi yang dihasilkan membuat entitas, yang mirip dengan tabel. Entitas mewakili berbagai jenis data yang perlu Anda simpan dan bekerja dengan, seperti pelanggan, produk, atau pesanan. Anda dapat menghubungkan model data ini ke berbagai sumber data, termasuk AWS layanan dan API eksternal, dengan menggunakan konektor App Studio.
Daftar Isi
Prasyarat
Sebelum Anda memulai, tinjau dan lengkapi prasyarat berikut:
-
Akses ke AWS App Studio. Untuk informasi selengkapnya, lihat Menyiapkan dan masuk ke AWS Studio Aplikasi.
-
Opsional: Tinjau AWS Konsep App Studio untuk membiasakan diri dengan konsep App Studio yang penting.
Langkah 1: Buat aplikasi
Langkah pertama dalam membuat aplikasi adalah menjelaskan aplikasi yang ingin Anda buat ke asisten AI di App Studio. Anda dapat meninjau aplikasi yang akan dihasilkan, dan mengulangi sesuai keinginan sebelum membuatnya.
Untuk membuat aplikasi menggunakan AI
-
Masuk ke App Studio.
-
Di navigasi sebelah kiri, pilih hub Builder dan pilih + Buat aplikasi.
-
Pilih Buat aplikasi dengan AI.
-
Di bidang Nama aplikasi, berikan nama untuk aplikasi Anda.
-
Di kotak dialog Pilih sumber data, pilih Le wati.
-
Anda dapat mulai menentukan aplikasi yang ingin Anda hasilkan dengan menjelaskannya di kotak teks, atau dengan memilih Ku stom isasi pada prompt sampel. Setelah Anda menjelaskan aplikasi Anda, App Studio akan membuat persyaratan dan detail aplikasi untuk Anda tinjau. Ini termasuk kasus penggunaan, aliran pengguna, dan model data.
-
Gunakan kotak teks untuk mengulangi aplikasi sesuai kebutuhan hingga Anda puas dengan persyaratan dan detailnya.
-
Saat Anda siap untuk membuat aplikasi dan mulai membangun, pilih Buat aplikasi.
-
Secara opsional, Anda dapat melihat video pendek yang merinci cara menavigasi aplikasi baru Anda.
-
Pilih Edit aplikasi untuk masuk ke lingkungan Pengembangan untuk aplikasi Anda.
Langkah 2: Jelajahi aplikasi baru Anda
Di lingkungan Pengembangan, Anda akan menemukan sumber daya berikut:
-
Kanvas yang Anda gunakan untuk melihat atau mengedit aplikasi Anda. Kanvas berubah tergantung pada sumber daya yang dipilih.
-
Tab navigasi di bagian atas kanvas. Tab dijelaskan dalam daftar berikut:
-
Halaman: Tempat Anda menggunakan halaman dan komponen untuk mendesain UI aplikasi Anda.
-
Otomatisasi: Di mana Anda menggunakan tindakan dalam otomatisasi untuk menentukan logika bisnis aplikasi Anda.
-
Data: Di mana Anda menentukan entitas, bidangnya, data sampel, dan tindakan data untuk menentukan model data aplikasi Anda.
-
Setelan aplikasi: Di mana Anda menentukan setelan untuk aplikasi, termasuk peran aplikasi, yang Anda gunakan untuk menentukan visibilitas halaman berbasis peran bagi pengguna akhir Anda.
-
-
Menu navigasi sisi kiri, yang berisi sumber daya berdasarkan tab yang Anda lihat.
-
Menu sisi kanan yang mencantumkan sumber daya dan properti untuk sumber daya yang dipilih di tab Halaman dan Otomasi.
-
Konsol debug yang menampilkan peringatan dan kesalahan di bagian bawah builder. Mungkin ada kesalahan dalam aplikasi yang Anda buat. Ini kemungkinan karena otomatisasi yang memerlukan konektor yang dikonfigurasi untuk melakukan tindakan, seperti mengirim email dengan Amazon Simple Email Service.
-
Jendela obrolan A sk AI untuk mendapatkan bantuan kontekstual dari asisten pembuat AI.
Mari kita lihat lebih dekat tab Halaman, Otomasi, dan Data.
Jelajahi halaman dan komponen
Tab Halaman menampilkan halaman dan komponennya yang dibuat untuk Anda.
Setiap halaman mewakili layar antarmuka pengguna (UI) aplikasi Anda yang akan berinteraksi dengan pengguna Anda. Pada halaman ini, Anda dapat menemukan berbagai komponen (seperti tabel, formulir, dan tombol) untuk membuat tata letak dan fungsionalitas yang diinginkan.
Luangkan waktu untuk melihat halaman dan komponennya dengan menggunakan menu navigasi sisi kiri. Ketika Anda memilih halaman atau komponen, Anda dapat memilih Proper ties pada menu sisi kanan.
Jelajahi otomatisasi dan tindakan
Tab Otomatisasi menunjukkan otomatisasi dan tindakannya yang dibuat untuk Anda.
Otomatisasi menentukan logika bisnis aplikasi Anda, seperti membuat, melihat, memperbarui, atau menghapus entri data, mengirim email, atau bahkan memanggil API atau fungsi Lambda.
Luangkan waktu untuk melihat otomatisasi dengan menggunakan menu navigasi sisi kiri. Ketika Anda memilih otomatisasi, Anda dapat melihat propertinya di menu Properties sisi kanan. Otomatisasi berisi sumber daya berikut:
-
Otomatisasi terdiri dari tindakan individual, yang merupakan blok bangunan logika bisnis aplikasi Anda. Anda dapat melihat tindakan otomatisasi di menu navigasi sisi kiri, atau di kanvas otomatisasi yang dipilih. Ketika Anda memilih tindakan, Anda dapat melihat propertinya di menu Proper ties sisi kanan.
-
Parameter otomatisasi adalah bagaimana data diteruskan ke dalam otomatisasi. Parameter bertindak sebagai placeholder yang diganti dengan nilai aktual saat otomatisasi dijalankan. Ini memungkinkan Anda untuk menggunakan otomatisasi yang sama dengan input yang berbeda setiap kali.
-
Output otomatisasi adalah tempat Anda mengonfigurasi hasil otomatisasi. Secara default, otomatisasi tidak memiliki output, jadi untuk menggunakan hasil otomatisasi dalam komponen atau otomatisasi lainnya, Anda harus mendefinisikannya di sini.
Untuk informasi selengkapnya, lihat Konsep otomatisasi.
Jelajahi data dengan entitas
Tab Data menunjukkan entitas yang dibuat untuk Anda.
Entitas mewakili tabel yang menyimpan data aplikasi Anda, mirip dengan tabel dalam database. Alih-alih menghubungkan antarmuka pengguna (UI) aplikasi Anda dan otomatisasi langsung ke sumber data, mereka terhubung ke entitas terlebih dahulu. Entitas bertindak sebagai perantara antara sumber data aktual dan aplikasi App Studio. Ini menyediakan satu tempat untuk mengelola dan mengakses data Anda.
Luangkan waktu untuk melihat entitas yang dihasilkan dengan memilihnya dari menu navigasi sisi kiri. Anda dapat meninjau detail berikut:
-
Tab Konfigurasi menunjukkan nama entitas dan bidangnya, yang mewakili kolom entitas Anda.
-
Tab Tindakan data menunjukkan tindakan data yang dihasilkan dengan entitas Anda. Komponen dan otomatisasi dapat menggunakan tindakan data untuk mengambil data dari entitas Anda.
-
Tab Data sampel menampilkan data sampel, yang dapat Anda gunakan untuk menguji aplikasi Anda di lingkungan Pengembangan (yang tidak berkomunikasi dengan layanan eksternal). Untuk informasi selengkapnya tentang lingkungan, lihatLingkungan aplikasi.
-
Tab Koneksi menampilkan informasi tentang sumber data eksternal yang terhubung dengan entitas. App Studio menyediakan solusi penyimpanan data terkelola yang menggunakan tabel DynamoDB. Untuk informasi selengkapnya, lihat Entitas data yang dikelola di AWS Studio Aplikasi.
Langkah 3: Pratinjau aplikasi Anda
Anda dapat melihat pratinjau aplikasi di App Studio untuk melihat tampilannya bagi pengguna. Anda juga dapat menguji fungsinya dengan menggunakannya dan memeriksa log di panel debug.
Lingkungan pratinjau aplikasi tidak mendukung menampilkan data langsung atau koneksi dengan sumber daya eksternal dengan konektor, seperti sumber data. Sebagai gantinya, Anda dapat menggunakan data sampel dan output yang diejek untuk menguji fungsionalitas.
Untuk melihat pratinjau aplikasi Anda untuk pengujian
-
Di sudut kanan atas pembuat aplikasi, pilih Prat injau.
-
Berinteraksi dengan halaman aplikasi Anda.
Langkah selanjutnya
Sekarang setelah Anda membuat aplikasi pertama Anda, berikut adalah beberapa langkah selanjutnya:
-
Untuk panduan memulai lainnya yang menyertakan gambar, lihat posting blog Mem bangun aplikasi tingkat perusahaan dengan bahasa alami menggunakan AWS App Studio (pratinjau).
-
Aplikasi menggunakan konektor untuk mengirim dan menerima data, atau untuk berkomunikasi dengan layanan eksternal (baik AWS layanan maupun layanan pihak ketiga). Penting untuk mempelajari lebih lanjut tentang konektor dan cara mengonfigurasinya untuk membangun aplikasi. Perhatikan bahwa Anda harus memiliki peran Admin untuk mengelola konektor. Untuk mempelajari selengkapnya, lihat Hubungkan App Studio ke layanan lain dengan konektor.
-
Untuk mempelajari selengkapnya tentang pratinjau, menerbitkan, dan akhirnya membagikan aplikasi Anda kepada pengguna akhir, lihatPratinjau, menerbitkan, dan berbagi aplikasi.
-
Terus jelajahi dan perbarui aplikasi yang Anda buat untuk pengalaman langsung.
-
Untuk mempelajari lebih lanjut tentang membuat aplikasi, lihatDokumentasi pembangun. Secara khusus, topik-topik berikut mungkin berguna untuk dijelajahi: