Dalam tutorial ini, Anda akan membuat aplikasi web tanpa server sederhana yang memungkinkan pengguna memesan 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 ini menggunakan AWS Lambda, Amazon API Gateway, Amazon DynamoDB, Amazon Cognito, dan AWS Amplify Console. Amplify Console memberikan penerapan berkelanjutan dan meng-hosting sumber daya web statis termasuk HTML, CSS, JavaScript, dan file gambar yang dimuat di browser 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.

Serverless_Architecture
Serverless_Web_App_LP_assets-18

Hosting Web Statis

AWS Amplify meng-hosting sumber daya web statis termasuk HTML, CSS, JavaScript, dan file gambar yang dimuat di browser pengguna.

Serverless_Web_App_LP_assets-19

Pengelolaan Pengguna

Amazon Cognito memberi pelanggan fungsi manajemen dan autentikasi untuk mengamankan API backend.

Serverless_Web_App_LP_assets-20

Backend Tanpa Server

Amazon DynamoDB menyediakan lapisan persistensi di mana data dapat disimpan dengan fungsi Lambda API.

Serverless_Web_App_LP_assets-21

API RESTful

JavaScript yang dieksekusi di browser mengirimkan dan menerima data dari API banckend publik yang dibangun menggunakan Lambda dan API Gateway.

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 dan memverifikasi pekerjaan Anda.
  1. Hosting Web Statis
  2. Pengelolaan Pengguna
  3. Backend Tanpa Server
  4. API RESTful
  5. Penghentian Sumber Daya dan Langkah Berikutnya

AWS Experience: Pemula

Waktu penyelesaian: 2 jam

Biaya penyelesaian:  Tiap layanan yang digunakan dalam arsitektur ini memenuhi syarat untuk AWS Tingkat Gratis. Jika Anda di luar batas penggunaan Tingkat Gratis, biaya untuk menyelesaikan tutorial ini kurang dari USD 0,25*.
 
Prasyarat: Untuk menyelesaikan tutorial ini, Anda akan memerlukan:
  • Akun AWS**
  • Editor teks
  • Browser yang disarankan: Versi teranyar Chrome

*Estimasi ini mengasumsikan Anda mengikuti konfigurasi yang disarankan di seluruh tutorial dan menghentikan semua sumber daya dalam waktu 24 jam.

**Akun yang dibuat dalam 24 jam terakhir mungkin belum mendapat akses ke sumber daya yang diperlukan untuk tutorial ini.