Einrichten einer benutzerdefinierten Domäne in Azure Static Web Apps

Standardmäßig stellt Azure Static Web Apps einen automatisch generierten Domainnamen für Ihre Website bereit, aber Sie können eine benutzerdefinierte Domain auf Ihre Website verweisen. Kostenlose SSL/TLS-Zertifikate werden automatisch für den automatisch generierten Domainnamen und alle benutzerdefinierten Domains erstellt, die Sie möglicherweise hinzufügen. In diesem Artikel wird gezeigt, wie Sie Ihren Domänennamen mit der Unterdomäne www mithilfe eines externen Anbieters konfigurieren.

Es gibt mehrere Methoden zum Konfigurieren einer benutzerdefinierten Domain für die Verwendung mit statischen Web Apps:

• Wenn Sie eine Apex-Domain (eine Domain ohne Unterdomain, auch als Stammdomain bezeichnet) verwenden, lesen Sie Konfigurieren einer benutzerdefinierten Apex-Domain in Static Web Apps.
• Wenn Sie Azure DNS verwenden, lesen Sie Konfigurieren einer benutzerdefinierten Domain mit Azure DNS oder Konfigurieren einer benutzerdefinierten Apex-Domain mit Azure DNS.

Voraussetzungen

• Sie müssen einen CNAME-Eintrag in Ihrer DNS-Domain erstellen können, indem Sie die Tools verwenden, die Ihr DNS-Dienst oder Ihre Domainregistrierungsstelle bereitstellt.

Video ansehen

Abrufen der URL ihrer statischen Web-App

1. Öffnen Sie das Azure-Portal.

2. Navigieren Sie zu Ihrer statischen Web-App.

3. Kopieren Sie im Fenster Übersicht die generierte URL Ihrer Website, und legen Sie sie zur zukünftigen Verwendung in einem Text-Editor ab.

Erstellen eines CNAME-Eintrags für Ihr Domänenregistrierungsstellenkonto

Domainregistrierungsstellen sind die Dienste, mit denen Sie Domänennamen kaufen und verwalten können. Informationen zum Suchen einer Domainregistrierungsstelle finden Sie in der ICANN-Liste der akkreditierten Registrare.

1. Öffnen Sie eine neue Browserregisterkarte, und melden Sie sich bei Ihrem Domänenregistrierungsstellenkonto an.

2. Navigieren Sie zu den DNS-Konfigurationseinstellungen Ihres Domänennamens zurück.

3. Fügen Sie einen neuen CNAME-Eintrag mit den folgenden Werten hinzu.

   Einstellung	Wert
   type	CNAME
   Host	Ihre Unterdomäne, z. B. www
   Wert	Fügen Sie den Domänennamen ein, den Sie im Text-Editor abgelegt hatten.
   TTL (falls zutreffend)	Als Standardwert übernehmen.

Erstellen eines CNAME-Eintrags in Azure Static Web Apps

1. Kehren Sie zu Ihrer statischen Web-App im Azure-Portal zurück.

2. Wählen Sie unter Einstellungen die Option Benutzerdefinierte Domänen>+ Hinzufügen aus. Wählen Sie Benutzerdefinierte Domäne in anderem DNS aus.

3. Wählen Sie + Hinzufügen.

4. Geben Sie auf der Registerkarte Domäne eingeben Ihren Domänennamen mit dem Präfix www ein, und wählen Sie dann Weiter aus.

   Wenn Ihr Domänenname beispielsweise example.com lautet, geben Sie www.example.com ein.

5. Geben Sie in der Registerkarte Überprüfen und Hinzufügen die folgenden Werte ein.

   Einstellung	Wert
   Domänenname	Dieser Wert sollte mit dem Domänennamen übereinstimmen, den Sie im vorherigen Schritt eingegeben haben (mit der Unterdomäne www).
   Typ des Hostnamenseintrags	Wählen Sie CNAME aus.

6. Wählen Sie Hinzufügen.

   Azure überprüft, ob der CNAME-Eintrag ordnungsgemäß erstellt wurde und im globalen DNS-System verfügbar ist. Die Verteilung hängt von der Zeit bis zum Leben (TTL) für Ihre Domain ab und kann mehrere Tage dauern. Wenn die Überprüfung fehlschlägt, kehren Sie zu einem späteren Zeitpunkt zurück, um die benutzerdefinierte Domain hinzuzufügen.

7. Öffnen Sie nach Abschluss des Updates eine neue Browserregisterkarte, und wechseln Sie zu Ihrer Domäne mit der Unterdomäne www.

   Ihre statische Web-App sollte im Browser angezeigt werden. Überprüfen Sie den Standort, um zu überprüfen, ob Ihre Website mithilfe von https sicher bedient wird.