Übung – Bereitstellen einer Web-App mithilfe von Bereitstellungsplätzen

  • 10 Minuten

Wenn Sie bereit sind, zwei Steckplätze auszutauschen, stellen Sie sicher, dass Sie die richtige Konfiguration auf die getauschten Steckplätze anwenden.

Angenommen, Sie haben die Version 2 Ihrer Web-App für soziale Medien getestet. Jetzt möchten Sie diese Version in der Produktion bereitstellen. Sie möchten die Bereitstellung weiter optimieren, indem Sie zukünftige Versionen der App automatisch austauschen.

Hier erfahren Sie, wie Sie manuell und automatisch austauschen.

Konfigurieren einer Sloteinstellung

Bevor Sie Version 2 der Web-App bereitstellen, konfigurieren Sie eine Sloteinstellung. Die hier konfigurierten Einstellungen wirken sich nicht auf Ihre Demo-App aus. Der Zweck dieser Übung besteht darin, zu sehen, wie die Konfigurationen funktionieren, wenn Sie Steckplätze austauschen.

So konfigurieren Sie die Steckplatzeinstellungen:

  1. Wechseln Sie in der Ansicht "Alle Ressourcen " im Azure-Portal zur Seite "Übersicht" des Produktionsplatzes der Web-App.

  2. Navigieren Sie zum Konfigurationsbereich für den Bereitstellungsplatz.

  3. Wählen Sie + Neue Anwendungseinstellung aus. Fügen Sie eine neue Einstellung mit dem Namen ENVIRONMENT_NAME und einem Wert der Produktion hinzu. Aktivieren Sie das Kontrollkästchen Bereitstellungssloteinstellung, um diese als Sloteinstellung auszuwählen. Wählen Sie OK aus.

  4. Fügen Sie eine weitere Einstellung namens APP_VERSION hinzu, und geben Sie den Wert 1 ein. Machen Sie diese Einstellung nicht zu einer Steckplatzeinstellung. Wählen Sie OK aus.

  5. Wählen Sie in der oberen Menüleiste " Speichern" und dann " Weiter" aus.

  6. Wiederholen Sie die vorstehenden Schritte im Staging-Platz, verwenden Sie jedoch die folgenden Werte:

    Name Wert Bereitstellungssloteinstellung
    ENVIRONMENT_NAME Staging Ja
    APP_VERSION 2 Nein

Tauschen Sie die Slots.

Nachdem Sie die Version 2 der Web-App nun im Staging-Slot getestet haben, können Sie sie bereitstellen, indem Sie die Slots austauschen. Folgen Sie diesen Schritten:

  1. Um sicherzustellen, dass Sie den Produktionsplatz konfigurieren, wählen Sie "Alle Ressourcen" und dann den Produktionsplatz der Web-App aus.

  2. Wählen Sie im linken Menübereich unter "Bereitstellung" die Option "Bereitstellungsplätze>tauschen" aus.

    Screenshot vom Start eines Tauschs.

  3. Stellen Sie sicher, dass Sie im Begriff sind, Staging- und Produktionsslot zu tauschen. Beachten Sie, wie sich der Tausch auf Einstellungen auswirkt. Der Wert der Einstellung APP_VERSION wird zwischen den Slots ausgetauscht, aber der Wert der ENVIRONMENT-Slot-Einstellung wird nicht ausgetauscht. Klicken Sie auf Tauschen.

    Screenshot des Abschließens eines Tauschs.

  4. Wenn der Tausch abgeschlossen ist, wechseln Sie zur Übersichtsseite der Web-App des Produktionsplatzes, und wählen Sie "Durchsuchen" aus. Die Web-App wird auf einer neuen Browserregisterkarte angezeigt. Beachten Sie, dass Version 2 der Web-App jetzt in Betrieb ist.

  5. Schließen Sie die Browserregisterkarte.

Konfigurieren des automatischen Tauschs für den Stagingslot

Nachdem Sie nun Bereitstellungsslots verwenden, können Sie die Funktion für den automatischen Tausch für Ihre Web-App verwenden, um eine kontinuierliche Bereitstellung zu ermöglichen. Wenn der automatische Swap aktiviert ist, können Sie neuen Code in den Staging-Slot ausrollen, und Azure wärmt ihn automatisch auf und setzt ihn in der Produktion ein, indem die Staging- und Produktions-Slots ausgetauscht werden. Führen Sie die folgenden Schritte aus, um den automatischen Swap zu konfigurieren:

  1. Wechseln Sie zum Konfigurationsbereich der Web-App des Stagingplatzes, und wechseln Sie zur Registerkarte " Allgemeine Einstellungen ".

  2. Setzen Sie Automatischer Tausch aktiviert auf Ein.

  3. Wählen Sie in der Liste Bereitstellungsslot für automatischen Tausch die Option Produktion und dann Speichern und Weiter aus.

    Screenshot der Konfiguration des automatischen Swaps.

Bereitstellen von neuem Code und automatischer Tausch in die Produktionsumgebung

Jetzt ändern Sie den Code so, dass Version 3 der Web-App erstellt wird. Bei Ihrer Bereitstellung im Stagingslot können Sie den automatischen Tausch in Aktion sehen. Folgen Sie diesen Schritten:

  1. Starten Sie den Editor auf der rechten Seite der Cloud Shell neu, falls er noch nicht läuft.

    cd ~/demoapp/app-service-web-dotnet-get-started/
code .

  2. Erweitern Sie im Code-Editor in der Dateiliste auf der linken Seite aspnet-get-started>Views>Home, und wählen Sie dann "Index.cshtml" aus.

  3. Suchen Sie den folgenden Code.

    <h1>Web App Version 2</h1>

  4. Ersetzen Sie diesen Code durch diesen Code.

    <h1>Web App Version 3</h1>

  5. Um Ihre Änderungen zu speichern, drücken Sie STRG+S.

  6. Führen Sie in Cloud Shell die folgenden Befehle aus. Geben Sie Ihr Bereitstellungskennwort ein, wenn Sie dazu aufgefordert werden.

    git add .
git commit -m "Third version of web app."
git push staging

    Warten Sie, bis die Bereitstellung abgeschlossen ist. Am Ende der Textausgabe sehen Sie eine Nachricht, die angibt, dass die Bereitstellung einen automatischen Tausch in den Produktionsslot angefordert hat.

  7. Wechseln Sie im Azure-Portal zur Seite "Übersicht" für die Web-App des Produktionsplatzes, und wählen Sie "Durchsuchen" aus. Die dritte Version der Web-App wird auf einer neuen Browserregisterkarte angezeigt. Wenn die alte Version angezeigt wird, müssen Sie möglicherweise kurz warten und dann die Seite aktualisieren. Der Swap-Vorgang ist atomar und tritt sofort auf, aber der App-Dienst benötigt einige Augenblicke, um den Swap-Vorgang vorzubereiten, bevor er ausgeführt wird.

Rollback der neuen Version

Angenommen, die Bereitstellung von Version 3 Ihrer App für die Produktion hat ein unerwartetes Problem ergeben. Um es schnell zu beheben, können Sie ein Rollback auf die vorherige Version der Website ausführen, indem Sie die Slots erneut austauschen.

  1. Wechseln Sie zum Bereich "Bereitstellungsplätze " der Web-App des Produktionsplatzes.

  2. Tauschen Sie Staging- und Produktionsslot.

  3. Wenn der Tausch abgeschlossen ist, wählen Sie auf der Seite "Übersicht " die Option "Durchsuchen" aus, um die App ein letztes Mal anzuzeigen. Sie können sehen, dass Version 2 für die Produktion erneut bereitgestellt wurde.