Pusat Developer / Memulai / Langsung / ...
Memulai dengan AWS
Membangun Aplikasi Web Nirserver
dengan AWS Lambda, Amazon API Gateway, AWS Amplify, Amazon DynamoDB, dan Amazon Cognito
Pengantar: Bangun Aplikasi Web Nirserver
Ikuti petunjuk langkah demi langkah untuk membuat aplikasi web nirserver sederhana yang memungkinkan pengguna untuk meminta tumpangan unicorn dari armada Wild Rydes
Gambaran Umum
Dalam tutorial ini, Anda akan membuat aplikasi web nirserver sederhana yang memungkinkan pengguna untuk meminta tumpangan unicorn dari armada Wild Rydes. Aplikasi ini akan menampilkan pengguna dengan antarmuka pengguna berbasis HTML untuk menunjukkan lokasi tempat mereka ingin dijemput dan akan berinteraksi di backend dengan layanan web RESTful untuk mengirim permintaan dan meluncurkan unicorn di dekatnya. Aplikasi ini juga akan menyediakan fasilitas untuk pengguna untuk mendaftar ke layanan tersebut dan login sebelum meminta tumpangan.
Arsitektur Aplikasi
Arsitektur aplikasi menggunakan AWS Lambda, Amazon API Gateway, Amazon DynamoDB, Amazon Cognito, dan Konsol AWS Amplify. Konsol Amplify menyediakan deployment berkelanjutan dan hosting sumber daya web statis termasuk HTML, CSS, JavaScript, serta file gambar yang dimuat di peramban pengguna. JavaScript yang dieksekusi di browser mengirimkan dan menerima data dari API banckend publik yang dibangun menggunakan Lambda dan API Gateway. Amazon Cognito memberi pelanggan fungsi manajemen dan autentikasi untuk mengamankan API backend. Terakhir, DynamoDB menyediakan lapisan persistensi di mana data dapat disimpan dengan fungsi Lambda API.
Hosting Web Statis
AWS Amplify meng-hosting sumber daya web statis termasuk HTML, CSS, JavaScript, dan file gambar yang dimuat di browser pengguna.
Manajemen Pengguna
Amazon Cognito memberi pelanggan fungsi manajemen dan autentikasi untuk mengamankan API backend.
Backend Tanpa Server
Amazon DynamoDB menyediakan lapisan persistensi di mana data dapat disimpan dengan fungsi Lambda API.
API RESTful
JavaScript yang dieksekusi di peramban mengirim dan menerima data dari API backend publik yang dibangun menggunakan Lambda dan API Gateway.
Pengalaman AWS
Pemula
Waktu Penyelesaian
2 jam
Biaya Penyelesaian
Setiap layanan yang digunakan dalam arsitektur ini memenuhi syarat untuk AWS Tingkat Gratis. Jika Anda berada di luar batas penggunaan Tingkat Gratis, menyelesaikan tutorial ini akan dikenakan biaya kurang dari 0,25 USD*.
Prasyarat Tutorial
Teknologi yang digunakan:
- Akun AWS**
- Editor teks
- Peramban yang Direkomendasikan: Versi terbaru dari Chrome
- AWS Lambda
- Amazon API Gateway
- AWS Amplify
- Amazon DynamoDB
- Amazon Cognito
*Estimasi ini mengasumsikan Anda mengikuti konfigurasi yang direkomendasikan sepanjang tutorial dan mengakhiri semua sumber daya dalam waktu 24 jam.
**Akun yang telah dibuat dalam 24 jam terakhir mungkin belum memiliki akses ke sumber daya yang diperlukan untuk tutorial ini.
Modul
Lokakarya ini dibagi menjadi lima modul. Setiap modul menjelaskan skenario tentang apa yang akan kita bangun dan petunjuk langkah demi langkah untuk membantu Anda mengimplementasikan arsitektur serta memverifikasi pekerjaan.
- Meng-host Situs Web Statis (15 menit): Konfigurasikan AWS Amplify untuk meng-host sumber daya statis untuk aplikasi web Anda dengan bawaan deployment berkelanjutan
- Kelola Pengguna (30 menit): Buat kolam pengguna Amazon Cognito untuk mengelola akun pengguna Anda
- Bangun Backend Nirserver (30 menit): Bangun proses backend untuk menangani permintaan aplikasi web Anda
- Lakukan Deployment API RESTful (15 menit): Gunakan Amazon API Gateway untuk mengekspos fungsi Lambda yang Anda bangun di modul sebelumnya sebagai API RESTful
- Akhiri Sumber Daya (10 menit): Akhiri semua sumber daya yang Anda buat selama tutorial ini