Een aangepast domein instellen met Azure DNS in Azure Static Web Apps

Standaard biedt Azure Static Web Apps een automatisch gegenereerde domeinnaam voor uw website, maar u kunt een aangepast domein naar uw site laten verwijzen. Gratis SSL/TLS-certificaten worden automatisch gemaakt voor de automatisch gegenereerde domeinnaam en eventuele aangepaste domeinen die u kunt toevoegen.

Deze handleiding laat zien hoe u uw domeinnaam configureert met het www subdomein. Zodra deze procedure is voltooid, kunt u een apex-domein instellen.

Voor de volgende procedure moet u instellingen kopiëren uit een Azure DNS-zone die u maakt en uw bestaande statische web-app. Overweeg om Azure Portal in twee verschillende vensters te openen, zodat u gemakkelijker tussen de twee services kunt schakelen.

Vereisten

• Een aangepast domein
• Een bestaande Azure DNS-zone
  • Als u er nog geen hebt, raadpleegt u Uw domein delegeren naar Azure DNS

Het domein toewijzen aan uw website

Nu uw domein is geconfigureerd voor Azure om de DNS te beheren, kunt u uw DNS-zone nu koppelen aan uw statische web-app.

URL van statische web-app ophalen

1. Open de Azure Portal.

2. Ga naar uw statische web-app.

3. Kopieer in het venster Overzicht de gegenereerde URL van uw site en zet deze opzij in een teksteditor voor toekomstig gebruik.

DNS-records maken in Azure DNS

1. Ga terug naar de DNS-zone die u hebt gemaakt in Azure Portal.

2. Selecteer + Recordset.

3. Voer de volgende waarden in het venster Recordset toevoegen in.

   Instelling	Eigenschappen
   Naam	Voer www in
   Type	CNAME selecteren - Uw subdomein koppelen aan een ander account
   Recordset van alias	Selecteer Nee.
   TTL	Behoud de standaardwaarde.
   TTL-eenheid	Behoud de standaardwaarde.
   Alias	Plak de gegenereerde URL van Static Web Apps die u in een vorige stap hebt opgeslagen. Zorg ervoor dat u het https:// voorvoegsel uit uw URL verwijdert.

   Daarnaast kunt u Ja voor aliasrecordset selecteren en uw statische web-app selecteren in plaats van expliciet de URL op te geven om te profiteren van aliasrecordsets, zoals preventie van zwevende DNS-records.

4. Selecteer OK.

Aangepast domein voor statische web-app configureren

1. Ga terug naar uw statische web-app in de portal.

2. Selecteer aangepaste domeinen onder Instellingen.

3. Selecteer + Toevoegen.

4. Voer in het vak Subdomein de naam van uw subdomein in (bijvoorbeeld www). In het veld Volledig domein moet vervolgens de naam van uw aangepaste domein worden weergegeven, inclusief subdomein.

   Notitie

   Als u uw domein hebt gedelegeerd aan Azure DNS en ook hebt gekozen om aangepast domein toe te voegen aan Azure DNS bij het configureren van uw aangepaste domein, hebt u de mogelijkheid om de Azure DNS-zone te selecteren. De volgende stappen worden vervolgens automatisch voor u uitgevoerd nadat u Toevoegen hebt geselecteerd.

5. Selecteer Volgende.

6. Voer op het tabblad Valideren en toevoegen de volgende waarden in.

   Instelling	Weergegeven als
   Domeinnaam	Deze waarde moet overeenkomen met de domeinnaam die u in de vorige stap hebt ingevoerd (met het www subdomein).
   Recordtype hostnaam	Selecteer CNAME.

7. Selecteer Toevoegen.

   Als er een foutbericht wordt weergegeven dat de actie ongeldig is, wacht u vijf minuten en probeert u het opnieuw.

8. Open een nieuw browsertabblad en ga naar uw domein met het www subdomein.

   Nadat de DNS-records zijn bijgewerkt, ziet u de statische web-app in de browser. Controleer ook de locatie om te controleren of uw site veilig wordt bediend met behulp van https.

Volgende stappen

Het apex-domein instellen in Azure DNS