Membangun Aplikasi Web Dasar
TUTORIAL
Pengantar: Membangun Aplikasi Web Dasar
Ikuti instruksi langkah demi langkah membangun aplikasi web pertama Anda
Gambaran Umum
Dalam tutorial ini, Anda akan membuat sebuah aplikasi web sederhana. Pertama, Anda akan membangun aplikasi web statis yang me-render "Hello World." Kemudian, Anda akan belajar cara menambah fungsionalitas ke aplikasi web sehingga teks yang ditampilkan akan sesuai dengan input kustom yang Anda berikan.
Hal-hal yang akan Anda capai
Tutorial ini akan mendampingi Anda melewati berbagai langkah untuk membuat contoh aplikasi web yang dibahas di atas. Anda akan:
- Membuat aplikasi web
- Menghubungkan aplikasi web ke backend nirserver
- Menambah interaktivitas di aplikasi web Anda dengan API dan basis data
Prasyarat
Sebelum memulai tutorial ini, Anda memerlukan:
- Akun AWS: Jika Anda belum memiliki akun, ikuti panduan memulai Menyiapkan Lingkungan Anda untuk memperoleh gambaran singkat.
Pengalaman AWS
Pemula
Waktu penyelesaian minimum
35 menit
Biaya penyelesaian
Memenuhi syarat Tingkat Gratis
Memerlukan
- Akun AWS dengan akses tingkat administrator*
- Peramban yang disarankan: Versi terbaru Chrome atau Firefox
*Akun yang dibuat dalam 24 jam terakhir mungkin belum mendapatkan akses ke layanan yang diperlukan untuk tutorial ini.
Layanan yang digunakan
Terakhir diperbarui
4 April 2023
Arsitektur aplikasi
Diagram di bawah ini memberikan representasi visual layanan yang digunakan dalam tutorial ini dan caranya terhubung. Aplikasi ini menggunakan AWS Amplify, Amazon API Gateway, AWS Lambda, Amazon DynamoDB, dan AWS Identity and Access Management (IAM).
Melalui tutorial ini, kita akan membahas layanan secara terperinci dan menunjukkan sumber daya yang akan membantu Anda menguasainya dengan cepat.
Modul
Tutorial ini dibagi ke dalam enam modul pendek. Anda harus menyelesaikan setiap modul secara berurutan sebelum melanjutkan ke yang berikutnya.
- Membuat Aplikasi Web (5 menit): Men-deploy sumber daya statis untuk aplikasi web Anda menggunakan Konsol AWS Amplify.
- Membangun Fungsi Nirserver (5 menit): Membangun fungsi nirserver dengan AWS Lambda.
- Menautkan Fungsi Nirserver ke Aplikasi Web (5 menit): Men-deploy fungsi nirserver dengan Gateway API.
- Membuat Tabel Data (10 menit): Mempertahankan data dalam tabel Amazon DynamoDB.
- Menambahkan Interaktivitas ke Aplikasi Web (5 menit): Mengubah aplikasi web Anda untuk menginvokasi API.
- Membersihkan Sumber Daya (5 menit): Membersihkan sumber daya yang digunakan dalam tutorial ini.
Anda akan membangun aplikasi web ini menggunakan Konsol Manajemen AWS yang dapat diakses langsung dari browser Anda.