Konfigurera en anpassad domän med Azure DNS i Azure Static Web Apps

Som standard tillhandahåller Azure Static Web Apps ett automatiskt genererat domännamn för din webbplats, men du kan peka en anpassad domän på din webbplats. Kostnadsfria SSL/TLS-certifikat skapas automatiskt för det automatiskt genererade domännamnet och alla anpassade domäner som du kan lägga till.

Anta att du köper domänen example.com från en domännamnsregistrator och sedan skapar en zon med namnet example.com i Azure DNS. Du vill www.example.com peka på din Static Web Apps-webbplats.

Förutsättningar

Mappa domänen till din webbplats

Nu när domänen finns i Azure DNS kan du skapa en CNAME-post för www.<your domain> att peka på din statiska webbapp.

  1. Logga in på Azure-portalen.

  2. Ange namnet på din statiska webbapp i det övre sökfältet eller leta reda på den statiska webbappen i dina resurser.

  3. Under Inställningar väljer du Anpassade domäner.

  4. Välj + Lägg till och välj sedan Anpassad domän i Azure DNS.

  5. Ange följande värden i fönstret Lägg till anpassad domän i Azure DNS .

    Fältnamn Värde
    DNS-zon Välj ditt domännamn som finns i Azure DNS
    Underdomän Www

    Den fullständiga domänen uppdateras och bör matcha det önskade anpassade domännamnet.

  6. Markera Lägga till

Static Web Apps gör nödvändiga justeringar i DNS-zonen (inklusive att lägga till ett CNAME) och verifierar sedan att ändringarna är tillgängliga i det globala DNS-systemet.

Varning

Om du får meddelandet CNAME-posten är ogiltig kontrollerar du att DNS-zonen visar En lista över Microsoft DNS-tjänster med DNS-registratorn. Om du nyligen har flyttat domänen till Azure DNS kan du behöva vänta på DNS-spridning innan du lägger till den anpassade domänen.

Verifiera den anpassade domänen

Det kan ta lite tid innan DNS-ändringarna sprids. Standardtiden för Azure DNS är 1 timme.

Öppna en ny webbläsare och gå till din domän (till exempel https://www.example.com). Kontrollera platsen för att kontrollera att webbplatsen hanteras på ett säkert sätt med hjälp av https.