Menyiapkan domain kustom dengan Azure DNS 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 dapat Anda tambahkan.

Panduan ini menunjukkan cara mengonfigurasi nama domain Anda dengan www subdomain. Setelah prosedur ini selesai, Anda dapat menyiapkan domain apex.

Prosedur berikut ini mengharuskan Anda menyalin pengaturan dari zona Azure DNS yang Anda buat dan aplikasi web statis yang sudah ada. Pertimbangkan untuk membuka portal Azure di dua jendela yang berbeda untuk mempermudah peralihan antara kedua layanan.

Prasyarat

• Domain kustom
• Zona Azure DNS yang sudah ada
  • Jika Anda belum memilikinya, lihat Mendelegasikan domain Anda ke Azure DNS

Memetakan domain ke situs web Anda

Sekarang setelah domain Anda dikonfigurasi untuk Azure untuk mengelola DNS, Anda sekarang dapat menautkan zona DNS Anda ke aplikasi web statis Anda.

Mendapatkan URL aplikasi web statis

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 rekaman DNS di Azure DNS

1. Kembali ke zona DNS yang Anda buat di portal Azure.

2. Pilih Kumpulan catatan.

3. Masukkan nilai berikut di jendela Tambahkan kumpulan catatan.

   Pengaturan	Properti
   Nama	Masukkan www
   Jenis	Pilih CNAME - Tautkan subdomain Anda ke akun lain
   Kumpulan catatan alias	Pilih Tidak.
   TTL	Pertahankan nilai default.
   Unit TTL	Pertahankan nilai default.
   Alias	Tempelkan URL yang dihasilkan Static Web Apps yang Anda sisihkan di langkah sebelumnya. Pastikan untuk menghapus awalan https:// dari URL Anda.

   Selain itu, Anda dapat memilih Ya untuk kumpulan catatan Alias dan memilih aplikasi web statis Anda alih-alih secara eksplisit menyediakan URL untuk memanfaatkan kumpulan catatan alias seperti pencegahan dari rekaman DNS yang menjuntai.

4. Pilih OK.

Mengonfigurasi domain kustom aplikasi web statis

1. Kembali ke aplikasi web statis Anda di portal.

2. Di bawah Pengaturan, pilih Domain kustom.

3. Pilih + Tambah.

4. Dalam kotak Subdomain , masukkan nama subdomain Anda (yaitu, www). Bidang Domain lengkap kemudian harus menampilkan nama domain kustom Anda, termasuk subdomain.

   Catatan

   Jika Anda telah mendelegasikan domain Anda ke Azure DNS, dan juga memilih untuk Menambahkan domain kustom di Azure DNS saat mengonfigurasi domain kustom, Anda akan memiliki opsi untuk memilih zona Azure DNS. Langkah-langkah berikut kemudian akan dilakukan secara otomatis untuk Anda setelah Anda memilih Tambahkan.

5. Pilih Selanjutnya.

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

   Jika Anda mendapatkan kesalahan yang mengatakan bahwa tindakan tidak valid, tunggu 5 menit dan coba lagi.

8. Buka tab browser baru dan buka domain Anda dengan www subdomain.

   Setelah rekaman 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 di Azure DNS