Membangun Aplikasi React Full-Stack

Implementasi

• Menginstal Amplify CLI

  Antarmuka baris perintah (CLI) Amplify adalah rantai alat terpadu untuk membuat layanan AWS Cloud bagi aplikasi Anda, dengan mengikuti alur kerja yang sederhana dan terpandu. Mari kita lanjutkan dan instal CLI Amplify menggunakan prompt perintah (Windows) atau terminal (macOS). Catatan: Perintah ini dapat dijalankan di direktori mana pun di prompt perintah/terminal Anda karena “-g” menunjukkan bahwa biner akan diinstal secara global pada sistem Anda.

  npm install -g @aws-amplify/cli

  Code snippet copied

  Copy
• Mengonfigurasikan CLI Amplify

  AWS Identity and Access Management (IAM) memungkinkan Anda untuk mengelola pengguna dan izin pengguna di AWS. CLI menggunakan IAM untuk membuat dan mengelola layanan secara terprogram atas nama Anda melalui CLI.

  Untuk mengonfigurasi CLI, jalankan perintah konfigurasi. Untuk melihat panduan video tentang proses konfigurasi CLI, lihat Menginstal & Mengonfigurasi CLI AWS Amplify di bawah ini.
  

  amplify configure

  Code snippet copied

  Copy
• Menginisialisasi aplikasi Amplify

  Selanjutnya, kita akan menerapkan backend dan menginisialisasi lingkungan backend secara lokal.
  

  a. Di konsol Amplify, pilih Lingkungan backend dan pilih Mulai. Tunggu hingga backend di-deploy.
  

  

  b. Pada tab Lingkungan backend, pilih Luncurkan Studio.
  

  

  c. Kembali ke tab Lingkungan backend dan perluas bagian Petunjuk pengaturan lokal. Salin perintah ke papan klip Anda dan buka terminal di komputer Anda.

  

  d. Tempelkan perintah ke terminal Anda dan ikuti petunjuk pengaturan.

  ? Choose your default editor: Visual Studio Code
  ? Choose the type of app that you're building javascript
  ? What javascript framework are you using react
  ? Source Directory Path:  src 
  ? Distribution Directory Path: build
  ? Build Command:  npm run-script build
  ? Start Command: npm run-script start
  ? Do you plan on modifying this backend? Y
  

  Code snippet copied

  Copy