Memulai dengan AWS

Membangun Aplikasi Web Nirserver

dengan AWS Lambda, Amazon API Gateway, AWS Amplify, Amazon DynamoDB, dan Amazon Cognito

Membangun Aplikasi Web Nirserver

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.

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

Manajemen 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 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:


*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. 

  1. Meng-host Situs Web Statis (15 menit): Konfigurasikan AWS Amplify untuk meng-host sumber daya statis untuk aplikasi web Anda dengan bawaan deployment berkelanjutan
  2. Kelola Pengguna (30 menit): Buat kolam pengguna Amazon Cognito untuk mengelola akun pengguna Anda
  3. Bangun Backend Nirserver (30 menit): Bangun proses backend untuk menangani permintaan aplikasi web Anda
  4. Lakukan Deployment API RESTful (15 menit): Gunakan Amazon API Gateway untuk mengekspos fungsi Lambda yang Anda bangun di modul sebelumnya sebagai API RESTful
  5. Akhiri Sumber Daya (10 menit):  Akhiri semua sumber daya yang Anda buat selama tutorial ini

Meng-host Situs Web Statis