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 bisa 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 dapat Anda tambahkan.

Persiapan

Sebelum memulai, pertimbangkan bagaimana Anda ingin mendukung domain puncak Anda. Nama domain tanpa subdomain dikenal sebagai apex, domain akar. Misalnya, domain www.example.com adalah subdomain yang www bergabung dengan example.com domain apex.

Menyiapkan domain puncak adalah skenario umum untuk dikonfigurasi setelah nama domain Anda disiapkan. Membuat domain puncak dicapai dengan mengonfigurasi ALIAS atau ANAME merekam atau melalui CNAME perataan. 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. Lihat Menyiapkan domain puncak di Azure Static Web Apps untuk detailnya.

Panduan ini menunjukkan cara mengonfigurasi nama domain Anda dengan www subdomain.

Video penelusuran

Mendapatkan URL aplikasi web statis

1. Buka portal Microsoft Azure.

2. Navigasi ke 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 data CNAME di akun pencatat domain Anda

Pencatat domain adalah layanan yang memungkinkan Anda membeli dan mengelola nama domain. Penyedia umum termasuk GoDaddy, Namecheap, Google, Tucows, dan sebarangnya.

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

2. Navigasi ke pengaturan konfigurasi DNS nama domain Anda.

3. Tambahkan rekaman 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.

3. Pilih tombol + Tambahkan .

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

   Misalnya, jika nama domain Anda adalah example.com, masukkan www.example.com ke dalam kotak ini.

5. Pilih tombol Berikutnya.

6. Di tab Validasi + Konfigurasi , 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.

7. Pilih tombol Tambahkan.

   Catatan Anda CNAME sedang dibuat dan pengaturan DNS sedang diperbarui. Karena pengaturan DNS perlu disebarluaskan, proses ini bisa memakan waktu hingga satu jam atau lebih untuk diselesaikan.

8. Setelah pengaturan domain berlaku, buka tab browser baru dan navigasikan ke domain Anda dengan www subdomain.

   Setelah catatan DNS diperbarui, 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

Menyiapkan domain apex