Übung: Erstellen und Bereitstellen einer Web-App aus einem Docker-Image

Abgeschlossen

Azure App Service bietet die Hostingumgebung für Azure-basierte Web-Apps. Sie können App Service so konfigurieren, dass das Image für die Web-App aus einem Repository in Azure Container Registry abgerufen wird.

Im Beispielszenario ist das Team nach dem Hochladen des Images für die Web-App in Azure Container Registry nun bereit, die Web-App bereitzustellen.

In dieser Lerneinheit erstellen Sie mithilfe des in Azure Container Registry gespeicherten Docker-Images eine neue Web-App. Sie verwenden App Service mit einem vordefinierten App Service-Plan, um die Web App zu hosten.

Aktivieren des Docker-Zugriffs auf Azure Container Registry (ACR)

Sie verwenden Docker, um sich bei der Registrierung anzumelden und das Webimage, das Sie bereitstellen möchten, per Pull abzurufen. Docker benötigt zum Durchführen dieser Aktion einen Benutzernamen und ein Kennwort. Mit Container Registry können Sie den Registrierungsnamen als Benutzernamen und den Administratorzugriffsschlüssel als Kennwort festlegen, damit sich Docker bei Ihrer Containerregistrierung anmelden kann.

  1. Melden Sie sich beim Azure-Portal an, und navigieren Sie zu Alle Ressourcen. Der Bereich Alle Ressourcen wird angezeigt.

  2. Wählen Sie die vorher von Ihnen erstellte Containerregistrierung aus, um zur Übersicht zu gelangen.

  3. Klicken Sie im linken Menübereich unter Einstellungen auf den Eintrag Zugriffsschlüssel. Der Zugriffsschlüssel-Bereich für Ihre Containerregistrierung wird angezeigt.

  4. Aktivieren Sie das Kontrollkästchen Administratorbenutzer. Diese Änderung wird automatisch gespeichert.

Sie können nun Ihre Web-App erstellen.

Erstellen einer Web-App

  1. Wechseln Sie zur Startseite des Microsoft Azure-Portals, und wählen Sie unter Azure-Dienste die Option Ressource erstellen aus. Der Bereich Ressource erstellen wird angezeigt.

  2. Wählen Sie im linken Menübereich Web und unter Popular Azure services (Beliebte Azure-Dienste) Web-App aus.

    Screenshot that shows the Azure Marketplace with Web App selected.

    Der Bereich Web-App erstellen wird angezeigt.

  3. Füllen Sie auf der Registerkarte Grundlagen die folgenden Werte für jede Einstellung aus.

    Einstellung Wert
    Projektdetails
    Subscription Wählen Sie Ihr Azure-Standardabonnement aus, in dem Sie Ressourcen erstellen und verwalten können.
    Ressourcengruppe Wählen Sie die vorhandene Ressourcengruppe learn-deploy-container-acr-rg aus der Dropdownliste aus.
    Instanzendetails
    Name Geben Sie einen eindeutigen Namen ein, und notieren Sie ihn für später.
    Veröffentlichen Docker-Container
    Betriebssystem Linux
    Region Wählen Sie denselben Standort in Ihrer Nähe aus, den Sie auch in der vorherigen Übung verwendet haben.
    Tarife
    Linux-Plan Verwenden Sie den Standardwert.
    Tarif Verwenden Sie den Standardwert.
    Zonenredundanz
    Zonenredundanz Verwenden Sie den Standardwert.
  4. Wählen Sie am oberen Bildschirmrand die Registerkarte Docker aus.

  5. Geben Sie auf der Registerkarte Docker die folgenden Werte für die jeweilige Einstellung ein.

    Einstellung Wert
    Optionen Einzelner Container
    Imagequelle Azure Container Registry
    Azure Container Registry-Optionen
    Registrierung Wählen Sie Ihre Registrierung aus.
    Image webimage
    Tag latest
    Startbefehl Lassen Sie diese Einstellung leer.
  6. Klicken Sie auf Überprüfen und erstellen und dann auf Erstellen. Warten Sie darauf, dass die Web-App bereitgestellt wurde, bevor Sie fortfahren.

Testen der Web-App

  1. Klicken Sie nach der erfolgreichen Bereitstellung auf Zu Ressource wechseln, um die soeben erstellte Web-App anzuzeigen. Der Bereich App Service wird für Ihre Web-App angezeigt.

  2. Klicken Sie in der oberen Menüleiste auf Durchsuchen, um die Website in einer neuen Browserregisterkarte zu öffnen.

  1. Nach der Kaltstartverzögerung wird eine Seite wie auf der folgenden Abbildung angezeigt, während das Docker-Image Ihrer App geladen und gestartet wird:

    Screenshot of the sample Docker image.

  1. Nach der Kaltstartverzögerung wird eine Seite wie auf der folgenden Abbildung angezeigt, während das Docker-Image Ihrer App geladen und gestartet wird:

    Screenshot of the sample Welcome to Express.

App Service hostet jetzt die App aus Ihrem Docker-Image.