Gambaran umum lab
Sebagai profesional teknologi dengan pengalaman scripting dan ide baru, membangun frontend untuk proof of concept atau produk minimum yang diminati mungkin terlihat mustahil. Dalam skenario ini, tim Anda bergantung pada Anda dalam menyediakan instans Linux yang akan mereka gunakan. Anda telah memperbaiki proses ini dengan menulis fungsi AWS Lambda yang meluncurkan instans Elastic Compute Cloud (EC2) dengan tagging yang benar. Bagaimana jika terdapat alat layanan mandiri berbasis web yang tidak mengharuskan Anda untuk masuk ke konsol AWS? Di lab ini, Anda akan membangun aplikasi satu halaman full-stack nirserver dengan autentikasi yang mengizinkan pengguna untuk meluncurkan dan mengakhiri instans EC2.
Anda akan belajar tentang fitur pustaka React untuk membangun antarmuka pengguna. Kemudian Anda akan menggunakan AWS Amplify untuk menambahkan layanan AWS dan mengintegrasikannya dengan frontend Anda. Ini mencakup menambahkan autentikasi melalui Amazon Cognito dan membuat API REST yang didukung oleh Amazon API Gateway. Selanjutnya, Anda akan memperluas backend dengan fungsi nirserver melalui AWS Lambda yang akan berinteraksi dengan layanan Amazon EC2.
Terakhir, Anda akan menggunakan AWS Amplify untuk menambahkan hosting aplikasi, sehingga aplikasi dapat dikirim kepada pengguna akhir di jaringan pengiriman konten AWS menggunakan Amazon CloudFront. Seluruh pengembangan aplikasi akan dilakukan dalam IDE AWS Cloud9.
Tujuan
Pada akhir lab ini, Anda akan mampu:
- Membuat dan meng-hosting aplikasi web full-stack di AWS.
- Menerapkan konsep React seperti status, efek, dan properti.
- Membuat sumber daya hosting, API, dan fungsi di AWS menggunakan AWS Amplify.
- Mengintegrasikan frontend Anda dengan layanan backend.
Durasi
Diperlukan sekitar 60 menit untuk menyelesaikan lab ini.
Kunci ikon
Beragam ikon digunakan di seluruh lab ini untuk menarik perhatian ke berbagai jenis petunjuk dan catatan. Daftar berikut menjelaskan tujuan setiap ikon:
- Perintah: Perintah yang harus Anda jalankan.
- Output yang diharapkan: Output sampel yang dapat Anda gunakan untuk memverifikasi output dari perintah atau file yang diedit.
- Catatan: Petunjuk, tip, atau panduan penting.
- Perhatian: Informasi dengan kepentingan khusus (tidak terlalu penting untuk menyebabkan masalah terkait peralatan atau data jika Anda melewatkannya, tetapi dapat mengakibatkan pengulangan langkah-langkah tertentu).
- Pertimbangkan: Berhenti sejenak untuk mempertimbangkan bagaimana Anda akan menerapkan konsep di lingkungan Anda sendiri atau memulai percakapan tentang topik yang ada.
- Tes pengetahuan: Kesempatan untuk memeriksa dan menguji pengetahuan yang telah Anda pelajari.
- Segarkan: Saat Anda mungkin perlu menyegarkan daftar atau halaman browser web untuk menampilkan informasi baru.
- Tugas selesai: Poin kesimpulan atau ringkasan dalam lab.
