Memulai dengan AWS

Membangun Aplikasi Web Nirserver

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

Pengantar: Membangun 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 antarmuka pengguna berbasis HTML kepada pengguna untuk menunjukkan lokasi tempat mereka ingin dijemput dan akan berinteraksi dengan layanan web RESTful di backend untuk mengirim permintaan dan meluncurkan unicorn di dekatnya. Aplikasi ini juga akan menyediakan fasilitas untuk pengguna agar dapat mendaftar ke layanan tersebut dan login sebelum meminta tumpangan.

Prasyarat

Untuk menyelesaikan tutorial ini, Anda memerlukan akun AWS, AWS CLI yang sudah diinstal, akun dengan ArcGIS untuk menambahkan pemetaan ke aplikasi Anda, editor teks, dan peramban web. Jika Anda belum memiliki akun AWS, Anda dapat mengikuti panduan memulai Menyiapkan Lingkungan AWS Anda untuk memperoleh gambaran umum singkat.

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 Gateway API.

 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, Anda dapat menyelesaikan tutorial ini dengan biaya kurang dari USD0,25*.

 Memerlukan

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.

 Terakhir diperbarui

5 September 2023

Modul

Tutorial ini dibagi ke dalam 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-hosting Situs Web Statis (15 menit): Konfigurasikan AWS Amplify untuk meng-hosting sumber daya statis untuk aplikasi web Anda dengan deployment berkelanjutan bawaan
  2. Mengelola 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. Men-deploy API RESTful (15 menit): Gunakan Amazon API Gateway untuk mengekspos fungsi Lambda yang Anda bangun di modul sebelumnya sebagai API RESTful
  5. Mengakhiri Sumber Daya (10 menit): Akhiri semua sumber daya yang Anda buat selama tutorial ini

Apakah halaman ini membantu?

Meng-host Situs Web Statis