Memulai AWS
Membangun Aplikasi React Full-Stack
Membuat aplikasi web sederhana menggunakan AWS Amplify
Pengantar: Membangun Aplikasi React Tumpukan Penuh
Ikuti petunjuk langkah demi langkah untuk membangun aplikasi React pertama Anda
Gambaran Umum
Di dalam tutorial ini, Anda akan membuat sebuah aplikasi web tumpukan penuh yang sederhana menggunakan AWS Amplify, yaitu sebuah rangkaian alat dan layanan yang meliputi layanan hosting web. Dalam modul pertama ini, Anda akan membangun dan meng-hosting aplikasi React di AWS. Sepanjang empat modul lainnya, Anda akan memulai aplikasi lokal menggunakan CLI, menambahkan autentikasi, menambahkan API dan basis data GraphQL, serta memperbarui aplikasi Anda untuk menyimpan gambar.
Hal-hal yang akan Anda capai
Tutorial ini akan mendampingi Anda melalui berbagai langkah untuk membuat aplikasi web sederhana yang dibahas di atas. Anda akan belajar:
- Hosting: Membangun dan meng-hosting aplikasi React di jaringan pengiriman konten (CDN) global AWS
- Autentikasi: Menambahkan autentikasi ke aplikasi Anda untuk mengaktifkan proses masuk dan keluar
- Basis data dan penyimpanan: Menambahkan API, basis data, dan solusi penyimpanan GraphQL
Pengalaman AWS
Pemula
Waktu penyelesaian
50 Menit
Biaya penyelesaian
Memenuhi syarat Tingkat Gratis
Memerlukan
- Akun AWS dengan akses tingkat administrator*
- Node.js: Node.js v10.x atau lebih baru
- Akun GitHub
- Git**: Pengguna Windows perlu menginstal Git
[*]Akun yang dibuat dalam 24 jam terakhir mungkin belum memiliki akses ke layanan yang diperlukan untuk tutorial ini.
[**] Tidak berlaku untuk pengguna iOS karena Git dijadikan sebagai standar.
Layanan yang digunakan
Terakhir diperbarui
28 April 2023
Modul
Tutorial ini dibagi ke dalam lima modul pendek. Anda harus menyelesaikan setiap modul secara berurutan sebelum melanjutkan ke tahap berikutnya.
- Men-deploy dan Meng-hosting Aplikasi React (10 menit): Buat aplikasi React dan deploy serta hosting melalui AWS Amplify.
- Menginisialisasi Aplikasi Lokal (5 menit): Inisialisasi aplikasi lokal menggunakan AWS Amplify.
- Menambahkan Autentikasi (10 menit): Tambahkan autentikasi ke aplikasi Anda.
- Menambahkan API dan Basis Data GraphQL (15 menit): Buat API GraphQL.
- Menambahkan Kemampuan untuk Menyimpan Gambar (10 menit): Tambahkan penyimpanan ke aplikasi Anda.
Anda akan membangun aplikasi React ini menggunakan prompt/terminal perintah, editor teks, dan Konsol Manajemen AWS.