Alur kerja tim dengan aplikasi Amplify Gen 1 fullstack - AWS Amplify Hosting
Alur kerja cabang fiturGitFlow alur kerjaSandbox per developer

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

Alur kerja tim dengan aplikasi Amplify Gen 1 fullstack

Penyebaran cabang fitur terdiri dari frontend, dan lingkungan backend opsional. Frontend dibangun dan diterapkan ke jaringan pengiriman konten global (CDN), sedangkan backend digunakan oleh Amplify Studio atau Amplify CLI ke. AWS Untuk mempelajari cara mengatur skenario penerapan ini, lihatMembangun backend untuk aplikasi.

Amplify Hosting terus menerapkan sumber daya backend seperti GraphQL API dan fungsi Lambda dengan penerapan cabang fitur Anda. Anda dapat menggunakan model percabangan berikut untuk menerapkan backend dan frontend Anda dengan Amplify Hosting.

Alur kerja cabang fitur

  • Buat lingkungan backend prod, test, dan dev dengan Amplify Studio atau Amplify CLI.

  • Petakan backend prod ke cabang utama.

  • Petakan backend pengujian ke cabang develop.

  • Anggota tim dapat menggunakan lingkungan backend dev untuk menguji cabang fitur individual.

Diagram yang menunjukkan cara memetakan hubungan dari lingkungan backend ke cabang frontend.

  1. Instal CLI Amplify untuk memulai proyek Amplify baru.

    npm install -g @aws-amplify/cli

  2. Mulai lingkungan backend prod untuk proyek Anda. Jika Anda tidak memiliki proyek, buat satu menggunakan alat bootstrap seperti create-react-app atau Gatsby.

    create-react-app next-unicorn
cd next-unicorn
amplify init
 ? Do you want to use an existing environment? (Y/n): n
 ? Enter a name for the environment: prod
...
amplify push

  3. Tambahkan lingkungan backend test dan dev.

    amplify env add
 ? Do you want to use an existing environment? (Y/n): n
 ? Enter a name for the environment: test
...
amplify push

amplify env add
 ? Do you want to use an existing environment? (Y/n): n
 ? Enter a name for the environment: dev
...
amplify push

  4. Dorong kode ke repositori Git pilihan Anda (dalam contoh ini, kami menganggap Anda mendorong kode ke main).

    git commit -am 'Added dev, test, and prod environments'
git push origin main

  5. Kunjungi Amplify di AWS Management Console untuk melihat lingkungan backend Anda saat ini. Navigasi ke satu tingkat di atas dari breadcrumb untuk melihat daftar semua lingkungan backend yang dibuat di tab Lingkungan backend.

    Tangkapan layar konsol Amplify yang menampilkan semua lingkungan backend yang terkait dengan aplikasi Amplify.

  6. Beralih ke tab Lingkungan frontend, lalu hubungkan penyedia repositori dan cabang main.

  7. Di layar pengaturan build, pilih lingkungan backend yang ada untuk mengatur deployment kontinu dengan cabang main. Pilih prod dari dropdown dan berikan peran layanan ke Amplify. Pilih Simpan dan deploy. Setelah build selesai, Anda dapat mengakses deployment cabang main di https://main.appid.amplifyapp.com.

    Tangkapan layar halaman pengaturan build Konfigurasi konsol Amplify, yang menunjukkan tempat memilih lingkungan backend yang akan diterapkan dengan lingkungan frontend.

  8. Connect develop branch di Amplify (asumsikan develop dan main branch adalah sama pada saat ini). Pilih lingkungan backend test.

    Tangkapan layar halaman cabang Amplify console Add repositori, menunjukkan tempat memilih lingkungan backend yang akan diterapkan dengan cabang.

  9. Amplify sekarang sudah diatur. Anda dapat mulai mengerjakan fitur baru di cabang fitur. Tambahkan fungsionalitas backend menggunakan lingkungan backend dev dari workstation lokal Anda.

    git checkout -b newinternet
amplify env checkout dev
amplify add api
...
amplify push

  10. Setelah pengerjaan fitur selesai, terapkan kode dan buat permintaan tarik untuk ditinjau secara internal.

    git commit -am 'Decentralized internet v0.1'
git push origin newinternet

  11. Untuk melihat seperti apa perubahan itu, buka konsol Amplify dan hubungkan cabang fitur Anda. Catatan: Jika Anda telah AWS CLI menginstal pada sistem Anda (Bukan Amplify CLI), Anda dapat menghubungkan cabang langsung dari terminal Anda. Anda dapat menemukan appid dengan membuka Pengaturan aplikasi > Umum > AppARN: arn:aws:amplify:<region>:<region>:apps/<appid> 

    aws amplify create-branch --app-id <appid> --branch-name <branchname>
aws amplify start-job --app-id <appid> --branch-name <branchname> --job-type RELEASE

  12. Fitur Anda dapat diakses di https://newinternet.appid.amplifyapp.com dan digunakan bersama rekan tim. Jika tidak ada masalah, gabungkan PR ke cabang develop.

    git checkout develop
git merge newinternet
git push

  13. Ini akan memulai build yang akan memperbarui backend serta frontend di Amplify dengan penerapan cabang di https://dev.appid.amplifyapp.com. Anda dapat membagikan tautan ini kepada pemangku kepentingan internal agar mereka dapat meninjau fitur baru.

  14. Hapus cabang fitur Anda dari Git, Amplify, dan hapus lingkungan backend dari cloud (Anda selalu dapat memutar yang baru berdasarkan dengan menjalankan 'amplify env checkout prod' dan menjalankan 'amplify env add').

    git push origin --delete newinternet
aws amplify delete-branch --app-id <appid> --branch-name <branchname>
amplify env remove dev

GitFlow alur kerja

GitFlow menggunakan dua cabang untuk mencatat sejarah proyek. Cabang utama hanya melacak kode rilis, dan cabang pengembangan digunakan sebagai cabang integrasi untuk fitur baru. GitFlow menyederhanakan pengembangan paralel dengan mengisolasi pengembangan baru dari pekerjaan yang telah selesai. Pengembangan baru (seperti fitur dan perbaikan bug non-darurat) dilakukan di cabang fitur. Ketika developer siap merilis kode, cabang fitur akan digabungkan kembali ke cabang develop integrasi. Satu-satunya penerapan ke cabang main adalah penggabungan dari cabang release dan cabang hotfix (untuk perbaikan bug darurat).

Diagram di bawah ini menunjukkan pengaturan yang disarankan dengan GitFlow. Anda dapat mengikuti proses yang sama seperti yang dijelaskan di bagian alur kerja cabang fitur di atas.

Diagram yang menunjukkan pengaturan yang disarankan dengan GitFlow.

Sandbox per developer

  • Setiap developer dalam tim menciptakan lingkungan sandbox di cloud yang terpisah dari komputer lokal mereka. Dengan cara ini, developer dapat bekerja masing-masing tanpa menimpa perubahan anggota tim lainnya.

  • Setiap cabang di Amplify memiliki backend sendiri. Ini memastikan bahwa Amplify menggunakan repositori Git sebagai sumber kebenaran tunggal untuk menyebarkan perubahan, daripada mengandalkan pengembang di tim untuk secara manual mendorong backend atau front end mereka ke produksi dari komputer lokal mereka.

Diagram yang menunjukkan alur kerja kotak pasir per pengembang.

  1. Instal CLI Amplify untuk memulai proyek Amplify baru.

    npm install -g @aws-amplify/cli

  2. Inisialisasi lingkungan backend mary untuk proyek Anda. Jika Anda tidak memiliki proyek, buat satu menggunakan alat bootstrap seperti create-react-app atau Gatsby.

    cd next-unicorn
amplify init
 ? Do you want to use an existing environment? (Y/n): n
 ? Enter a name for the environment: mary
...
amplify push

  3. Dorong kode ke repositori Git pilihan Anda (dalam contoh ini kita akan menganggap Anda didorong ke main.

    git commit -am 'Added mary sandbox'
git push origin main

  4. Connect repo > main Anda ke Amplify.

  5. Konsol Amplify akan mendeteksi lingkungan backend yang dibuat oleh Amplify CLI. Pilih Buat lingkungan baru dari dropdown dan berikan peran layanan ke Amplify. Pilih Simpan dan deploy. Setelah build selesai, Anda dapat mengakses deployment cabang main di https://main.appid.amplifyapp.com dengan lingkungan backend baru yang tertaut ke tersebut.

  6. Connect develop branch di Amplify (asumsikan develop dan main branch sama pada saat ini) dan pilih Create