Menyiapkan domain kustom di Azure Static Web Apps

Secara default, Azure Static Web Apps menyediakan nama domain yang dibuat secara otomatis untuk situs web Anda, tetapi Anda dapat mengarahkan domain kustom ke situs Anda. Sertifikat SSL/TLS gratis secara otomatis dibuat untuk nama domain yang dibuat secara otomatis dan domain kustom apa pun yang mungkin Anda tambahkan. Artikel ini memperlihatkan cara mengonfigurasi nama domain Anda dengan www subdomain, menggunakan penyedia eksternal.

Catatan

Static Web Apps tidak mendukung penyiapan domain kustom dengan server DNS privat, yang dihosting secara lokal. Pertimbangkan untuk menggunakan zona DNS Privat Azure.

Prasyarat

  • Pertimbangkan bagaimana Anda ingin mendukung domain apex Anda. Nama domain tanpa subdomain dikenal sebagai domain akar apex. Misalnya, domain www.example.com adalah subdomain yang www bergabung dengan example.com domain apex.

  • Anda membuat domain apex dengan mengonfigurasi ALIAS atau ANAME merekam atau meratakan CNAME. Beberapa pencatat domain, seperti GoDaddy dan Google, tidak mendukung catatan DNS ini. Jika pencatat domain Anda tidak mendukung semua catatan DNS yang Anda butuhkan, pertimbangkan untuk menggunakan Azure DNS untuk mengonfigurasi domain Anda.

Catatan

Jika pencatat domain Anda tidak mendukung catatan DNS khusus dan Anda tidak ingin menggunakan Azure DNS, Anda bisa meneruskan domain apex Anda ke www subdomain. Untuk informasi selengkapnya, lihat Menyiapkan domain apex di Azure Static Web Apps.

Tonton video

Mendapatkan URL aplikasi web statis Anda

  1. Buka portal Microsoft Azure.

  2. Buka aplikasi web statis Anda.

  3. Dari jendela Gambaran Umum, salin URL situs Anda yang dihasilkan dan sisihkan di editor teks untuk digunakan di masa mendatang.

Membuat catatan CNAME di akun pencatat domain Anda

Pencatat domain adalah layanan yang dapat Anda gunakan untuk membeli dan mengelola nama domain. Penyedia umum termasuk GoDaddy, Namecheap, Google, Tucows, dan sesukanya.

  1. Buka tab browser baru dan masuk ke akun pencatat domain Anda.

  2. Buka pengaturan konfigurasi DNS nama domain Anda.

  3. Tambahkan catatan baru CNAME dengan nilai berikut.

    Pengaturan Nilai
    Jenis CNAME
    Host Subdomain Anda, seperti www
    Nilai Tempelkan nama domain yang Anda sisihkan di editor teks.
    TTL (jika berlaku) Biarkan sebagai nilai default.

Membuat data CNAME di Azure Static Web Apps

  1. Kembali ke aplikasi web statis Anda di portal Azure.

  2. Di bawah Pengaturan, pilih Domain> kustom+ Tambahkan. Pilih Domain kustom di DNS lain.

  3. Pilih + Tambah.

  4. Di tab Masukkan domain , masukkan nama domain Anda yang diawali dengan www, lalu pilih Berikutnya.

    Misalnya, jika nama domain Anda adalah example.com, masukkan www.example.com. Screenshot showing sequence of steps in add custom domain form.

  5. Di tab Validasi + Konfigurasikan , masukkan nilai berikut ini.

    Pengaturan Nilai
    Nama domain Nilai ini harus cocok dengan nama domain yang Anda masukkan di langkah sebelumnya (dengan www subdomain).
    Jenis catatan nama host Pilih CNAME.
  6. Pilih Tambahkan.

    Azure membuat catatan Anda CNAME dan memperbarui pengaturan DNS. Karena pengaturan DNS perlu disebarluaskan, proses ini dapat memakan waktu hingga satu jam atau lebih lama untuk diselesaikan.

  7. Saat pembaruan selesai, buka tab browser baru dan buka domain Anda dengan www subdomain.

    Anda akan melihat aplikasi web statis Anda di browser. Selain itu, periksa lokasi untuk memverifikasi bahwa situs Anda dilayani dengan aman menggunakan https.

Langkah berikutnya