Basis pengetahuan

Terapkan situs statis ke akun Azure Static Web Apps Anda sendiri

Buat service principal Azure dengan peran Contributor pada grup sumber daya dan hubungkan, sehingga situs statis Anda dibangun dari repositori Anda di langganan Azure Anda sendiri.

Manfaat menghubungkannya untuk Anda

Menghubungkan akun Azure Static Web Apps Anda sendiri memungkinkan Anda memublikasikan situs statis ke akun Azure Static Web Apps milik Anda dari dasbor Zinn® Anda. Anda memiliki proyek dan tagihannya; kami menangani proses deployment, domain kustom, dan rekaman DNS.

Sebelum Anda mulai

Langganan Azure, grup sumber daya untuk situs, serta akun GitHub, GitLab, atau Bitbucket terhubung yang menyimpan kodenya — Azure Static Web Apps melakukan proses build dari repositori. Paket gratis Azure mengizinkan penggunaan komersial dan dua domain kustom per aplikasi.

1. Buat kuncinya di Azure Static Web Apps

Azure menyebut ini sebagai service principal. Di pusat admin Microsoft Entra, buka Entra ID → App registrations → New registration, beri nama, lalu klik Register. Pada halaman ikhtisar aplikasi, salin Application (client) ID dan Directory (tenant) ID. Kemudian buka Certificates & secrets → Client secrets → New client secret, pilih durasi, lalu klik Add — langsung salin nilai rahasianya (secret value), Azure hanya menampilkannya satu kali.

Di portal Azure, buka grup sumber daya yang ingin Anda gunakan untuk kami, lalu klik Access control (IAM) → Add → Add role assignment. Pilih peran Contributor, tetapkan ke User, group, or service principal, cari aplikasi berdasarkan namanya, lalu klik Review + assign. Catat nama grup sumber daya dan Subscription ID tempatnya bernaung (cari Subscriptions di portal).

2. Hubungkan di sini

Buka Integrations di dasbor Anda dan pilih Connect an account. Pilih Static hosting (Netlify, Vercel) sebagai grup dan Azure Static Web Apps sebagai akun, isi Client ID, Client secret, Tenant ID, Subscription ID, dan Resource group, lalu tekan Connect account.

Kami menguji apa yang Anda tempelkan sebelum apa pun disimpan. Kunci yang tidak berfungsi tidak akan pernah disimpan, dan jawabannya akan memberi tahu masalahnya. Kunci yang berfungsi akan disimpan terenkripsi di brankas rahasia kami — tidak pernah di basis data kami — dan tidak akan pernah ditampilkan lagi, bahkan kepada Anda.

Apa yang terjadi selanjutnya

  • Saat Anda membuat atau memindahkan situs statis, akun ini muncul sebagai target deployment.
  • Azure Static Web Apps melakukan proses build dari repositori — tidak ada cara untuk menerima build yang diunggah — jadi kode situs harus berasal dari repositori GitHub, GitLab, atau Bitbucket yang terhubung. Hubungkan salah satunya terlebih dahulu jika Anda belum melakukannya.

  • Kami membuat layanan di akun Anda, mengarahkannya ke repositori, melampirkan domain kustom Anda, dan memicu deployment. Halaman domain menampilkan setiap rekaman DNS yang dibutuhkan Azure Static Web Apps.
  • Penggunaan dan penagihan ada di akun Anda, dapat dilihat di dasbor vendor Anda sendiri.
  • Domain apex diverifikasi dengan rekaman TXT dan subdomain dengan CNAME-nya; halaman domain menunjukkan jenis rekaman yang dibutuhkan domain Anda.

Jika tidak terhubung

Azure menolak service principal. Kemungkinan rahasia klien (client secret) telah kedaluwarsa — ini selalu terjadi, sesuai durasi yang Anda pilih — atau aplikasi tidak lagi memiliki peran Contributor pada grup sumber daya. Kedua pesan tersebut tampak serupa, jadi periksa penetapan peran sebelum membuat rahasia baru.

Tidak ada yang ditemukan. Periksa apakah Subscription ID dan Resource group adalah yang Anda tetapkan perannya, dan bahwa Tenant ID adalah direktori tempat aplikasi tersebut didaftarkan.

Tertulis bahwa kunci ditolak. Hampir selalu karena salah satu dari tiga hal: spasi atau jeda baris yang ikut tersalin, kunci yang telah kedaluwarsa, atau kunci yang dicabut atau dibuat ulang setelah Anda menyalinnya. Buat kunci baru dan tempelkan lagi.

Terhubung, tetapi ada yang gagal kemudian. Kunci berhasil diautentikasi tetapi tidak memiliki izin yang dibutuhkan oleh tindakan tersebut. Buat kunci baru dengan izin yang tercantum di atas, lalu putuskan koneksi lama dan hubungkan kunci yang baru.

Memutuskan koneksi

Buka Integrations, temukan akun tersebut, lalu tekan Disconnect. Tindakan tersebut akan langsung menghapus kunci yang disimpan. Apa pun yang menggunakannya akan terhenti pada tindakan berikutnya, dan layar yang bergantung padanya akan memberitahukan hal tersebut, bukan gagal secara diam-diam.

Memutuskan koneksi tidak membatalkan apa yang telah dilakukan — rekaman, deployment, atau pengaturan yang kami ubah di akun Anda akan tetap seperti semula. Jika Anda merasa kunci itu sendiri mungkin telah bocor, cabut juga kunci tersebut di vendor terkait; memutuskan koneksi hanya menghapus salinan kami, bukan milik mereka.

Terbaru dari blog

Apa yang telah kami tulis tentang hosting, SEO, dan mengelola situs dalam skala besar.

SEO dan Pembangunan Tautan dari Lapisan Hosting: Pandangan Operator Tahun 2026

Bagaimana hosting membentuk pengindeksan dan link equity pada tahun 2026: menjaga halaman tetap terindeks, memeriksa domain lama sebelum mengembangkannya, membangun tautan tanpa jejak mesin pencari, dan pandangan jujur tentang apa yang dapat dan tidak dapat dilakukan infrastruktur untuk SEO.

Baca postingan →

Membuat WordPress Cepat dan Aman: Daftar Periksa Performa dan Plugin

Daftar periksa praktis untuk WordPress yang cepat dan aman: caching tingkat server, object cache per situs, beberapa plugin yang layak dijalankan, menjaga tumpukan teknologi tetap mutakhir, dan halaman WooCommerce yang tidak boleh Anda simpan di cache.

Baca postingan →

Cara Memilih Web Hosting Terkelola di Tahun 2026: Panduan Pembeli

Apa yang sebenarnya membedakan hosting terkelola yang baik dari kotak murah dengan panel kontrol — migrasi, pencadangan, isolasi, caching nyata, dan penskalaan yang jujur — dan cara menilainya sebelum Anda berkomitmen.

Baca postingan →

Baca blog →

Masih mengalami kendala?

Dukungan disertakan pada setiap paket, layanan meja bantuan buka selama 24 jam sehari, dan Anda dapat menulis kepada kami dalam salah satu dari 58 bahasa kami — kami akan menjawab Anda dalam bahasa Anda.

Hubungi dukungan → Semua artikel →