Apa itu Azure Static Web Apps?

Azure Static Web Apps adalah layanan yang secara otomatis membangun dan menerapkan aplikasi web tumpukan penuh ke Azure dari repositori kode.

Azure Static Web Apps overview diagram.

Alur kerja Azure Static Web Apps disesuaikan dengan alur kerja harian pengembang. Aplikasi dibuat dan disebarkan berdasarkan perubahan kode.

Saat Anda membuat sumber daya Azure Static Web Apps, Azure berinteraksi langsung dengan GitHub atau Azure DevOps, untuk memantau cabang pilihan Anda. Setiap kali Anda mendorong penerapan atau menerima permintaan pull ke cabang yang ditonton, build secara otomatis berjalan dan aplikasi dan API Anda disebarkan ke Azure.

Aplikasi web statis umumnya dibuat menggunakan pustaka dan kerangka kerja web seperti Angular, React, Svelte, Vue, atau Blazor di mana penyajian sisi server tidak diperlukan. Aplikasi ini mencakup aset citra, HTML, CSS, dan JavaScript yang membentuk aplikasi. Dengan server web tradisional, aset ini dilayani dari satu server bersama titik akhir API yang diperlukan.

Dengan Azure Static Web Apps, aset statis dipisahkan dari server web tradisional, bukan disajikan dari titik yang didistribusikan secara geografis di seluruh dunia. Distribusi ini membuat penyajian file jauh lebih cepat karena file secara fisik lebih dekat dengan pengguna akhir. Selain itu, titik akhir API dihosting menggunakan arsitektur tanpa server, yang menghindari kebutuhan akan server back-end penuh sama sekali.

Fitur utama

  • Hosting web untuk konten statis seperti HTML, CSS, JavaScript, dan gambar.
  • Dukungan API terintegrasi yang disediakan oleh Azure Functions terkelola, dengan opsi untuk menautkan aplikasi fungsi, aplikasi web, aplikasi kontainer, atau instans API Management yang ada menggunakan akun standar. Jika Anda memerlukan API di wilayah yang tidak mendukung fungsi terkelola, Anda dapat membawa fungsi Anda sendiri ke aplikasi Anda.
  • Integrasi GitHub dan Azure DevOps kelas satu yang memungkinkan perubahan repositori untuk memicu build dan penyebaran.
  • Konten statis yang didistribusikan secara global, menempatkan konten lebih dekat dengan pengguna Anda.
  • Sertifikat SSL gratis, yang secara otomatis diperpanjang.
  • Domain kustom untuk menyediakan kustomisasi bermerek ke aplikasi Anda.
  • Model keamanan yang mulus dengan reverse-proxy saat memanggil API, yang tidak memerlukan konfigurasi CORS.
  • Integrasi penyedia autentikasi dengan MICROSOFT Entra ID dan GitHub.
  • Definisi dan penetapan peran otorisasi yang dapat disesuaikan.
  • Aturan perutean back-end memungkinkan kontrol penuh atas konten dan rute yang Anda layani.
  • Menghasilkan versi pementasan yang didukung oleh permintaan tarik yang memungkinkan versi pratinjau situs Anda sebelum dipublikasikan.
  • Dukungan CLI melalui Azure CLI untuk membuat sumber daya cloud, dan melalui Azure Static Web Apps CLI untuk pengembangan lokal.

Apa yang dapat Anda lakukan dengan Azure Static Web Apps

Langkah berikutnya