Latihan - Menerbitkan API dengan GitHub Actions

Selesai

Aplikasi web dan API Anda sama-sama berjalan secara lokal. Sekarang saatnya untuk menerbitkan aplikasi web dan API Anda ke Azure Static Web Apps.

Mendorong perubahan ke GitHub

Pada latihan sebelumnya, Anda membuat perubahan pada API Anda. Sekarang saatnya untuk menerapkan perubahan tersebut ke cabang api dan mendorongnya ke GitHub.

Membuat permintaan pull

Anda mendorong cabang api Anda ke GitHub. Sekarang Anda ingin GitHub Action menerbitkan aplikasi web dan API Anda dalam URL pratinjau. Jadi, langkah berikutnya adalah membuat permintaan pull terhadap cabang utama.

  1. Buka browser.

  2. Buka repositori Anda:

    https://github.com/<YOUR_GITHUB_USERNAME>/my-static-blazor-app

  3. Pilih tautan Tarik permintaan.

  4. Pilih Permintaan tarik baru.

  5. Pilih cabang utama dari daftar menurun dasar.

  6. Pilih cabang api dari daftar menurun bandingkan.

  7. Pilih Buat permintaan pull.

  8. Sekali lagi, pilih Buat permintaan pull.

GitHub Action Anda sekarang dipicu.

Awasi build dan penerbitan GitHub Action

Anda dapat tetap berada di browser di repositori Anda dan mengawasi kemajuan GitHub Action. Ikuti langkah ini untuk melihat kemajuan:

  1. Pilih menu Tindakan.

  2. Di bagian menu Alur Kerja, pilih item alur kerja Azure Static Web Apps CI/CD.

  3. Pilih tautan terbaru (atas) dalam aksi berjalan ke kanan.

  4. Pilih tautan Build and Deploy Job.

Anda dapat melihat kemajuan GitHub Action saat membuild dan menerbitkan aplikasi web dan API Anda.

Menelusuri URL pratinjau

Setelah GitHub Action berhasil diselesaikan, Anda dapat melihat aplikasi yang sedang berjalan di browser.

  1. Pilih menu Tarik permintaan.

  2. Pilih permintaan pull Anda.

  3. Pilih tautan yang mengikuti pesan Azure Static Web Apps: Situs panggung Anda sudah siap! Kunjungi di sini.

Perhatikan bahwa URL pratinjau berisi tanda hubung yang diikuti dengan angka. Nomor tersebut cocok dengan nomor permintaan pull untuk permintaan pull yang Anda buat. Untuk setiap permintaan pull yang Anda buat, Anda mendapatkan URL pratinjau yang unik dan dapat diulang. Wilayah ini juga digunakan untuk membentuk URL pratinjau.

Langkah berikutnya

Selamat, Anda membuat instans Azure Static Web Apps pertama Anda dengan aplikasi web dan API! Jika Anda menggabungkan permintaan pull yang Anda buat, Azure Static Web Apps secara otomatis menyebarkan perubahan ke aplikasi produksi Anda.