Menyiapkan domain kustom dengan Azure DNS di Azure Static Web Apps

  • Artikel
  • 2 menit untuk membaca

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.

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

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 di antara kedua layanan.

Prasyarat

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

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

  2. Pilih tombol + 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.

  4. Pilih tombol 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 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.

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

  8. 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 puncak di Azure DNS