Übung: Bereitstellen einer Web-App in Azure

  • 10 Minuten

In einer vorherigen Übung haben Sie mithilfe von Eclipse eine dynamische Web-App erstellt. Sie haben die Web-App mithilfe eines Apache Tomcat-Servers lokal getestet, der auf Ihrem Computer ausgeführt wurde.

In dieser Übung verwenden Sie das Azure-Toolkit für Eclipse, um einen neuen Azure App Service zu erstellen, Ihre Web-App in Azure bereitzustellen und sie dann zu testen. Für diese Übung wird Eclipse auf Ihrem Desktopcomputer verwendet. Das Azure-Toolkit erstellt den App Service und den App Service-Plan aber in einem Azure-Sandboxkonto, daher sollten Sie die gleichen Ergebnisse erzielen, als würden Sie die Web-App lokal ausführen.

Anmelden bei Azure aus Eclipse

  1. Starten Sie Eclipse (falls die IDE nicht bereits ausgeführt wird), und öffnen Sie das Projekt SampleWebApp.

  2. Klicken Sie im Azure-Toolkit für Eclipse auf der Symbolleiste auf Azure-Explorer anzeigen.

    Screenshot of the Azure Toolkit for Eclipse toolbar. The Show Azure Explorer button is highlighted.

  3. Klicken Sie im Fenster Azure-Explorer mit der rechten Maustaste auf das Symbol Azure, und klicken Sie dann auf Anmelden.

    Screenshot of the Azure Explorer window. The user isn't currently signed in.

  4. Klicken Sie auf der Seite Azure-Anmeldung auf Geräteanmeldung und dann auf Anmelden.

    Screenshot of the **Azure Sign In** page. The user has selected Device Login.

  5. Klicken Sie im Fenster Azure-Geräteanmeldung auf Kopieren und öffnen. Diese Aktion kopiert den im Fenster angezeigten Gerätecode in die Zwischenablage.

    Screenshot of the Azure Device Login window. The user has selected Copy&Open.

  6. Ein Webbrowserfenster wird geöffnet. Fügen Sie an der Eingabeaufforderung Code eingeben den in die Zwischenablage kopierten Gerätecode ein, und klicken Sie auf Weiter.

    Screenshot of a browser window, prompting the user to Enter code from the Azure Device Login window.

  7. Wenn Sie dazu aufgefordert werden, melden Sie sich mit demselben Konto bei Azure an, das Sie zum Erstellen der Azure-Sandbox verwendet haben.

  8. Wählen Sie auf der Seite Ihre Abonnements das Concierge-Abonnement aus. Dieses Abonnement wurde speziell für die Sandbox erstellt.

    Screenshot of the Your Subscriptions page. The user has selected the Concierge Subscription.

Bereitstellen der Web-App in Ihrem Azure-Abonnement

  1. Klicken Sie im Bereich Projekt-Explorer mit der rechten Maustaste auf SampleWebApp, wählen Sie Azure aus, und klicken Sie dann auf Als Azure-Web-App veröffentlichen.

    Screenshot of the Azure menu in Eclipse. The user has selected the Publish as Azure Web App command.

  2. Klicken Sie im Fenster Web-App bereitstellen auf Erstellen, um einen neuen Azure App Service zu erstellen.

    creenshot of the Deploy Web App window in Eclipse.

  3. Geben Sie im Fenster App Service erstellen die folgenden Werte ein, und klicken Sie dann auf Erstellen:

    Hinweis

    Die Web-App muss einen eindeutigen Namen aufweisen. Als Syntax empfiehlt sich etwa Folgendes: [Ihr Name oder Ihre Initialen]samplewebapp. Verwenden Sie diesen Namen immer, wenn in dieser Übung [your-webapp-name] angezeigt wird.

    Eigenschaft Wert
    Name [Name-Ihrer-Web-App]
    Abonnement Concierge-Abonnement
    Runtime Linux
    Linux-Runtime TOMCAT 8.5-java-11
    App Service-Plan Klicken Sie auf Neu erstellen, und übernehmen Sie den Standardnamen und die Standardregion. Ändern Sie für diese Übung jedoch den Wert im Feld Tarif zu Free_F1.
    Ressourcengruppe [Name der Sandbox-Ressourcengruppe]
    App-Einstellungen Leer lassen

    Screenshot of the Create App Service window in Eclipse.

  4. Vergewissern Sie sich im Fenster Web-App bereitstellen, dass Ihr neuer App Service ausgewählt ist, und klicken Sie dann auf Bereitstellen, um Ihre Web-App in Azure bereitzustellen.

    Screenshot of the Deploy Web App window in Eclipse. The web app will be deployed to the newly created app service.

    Das Fenster Azure-Aktivitätsprotokoll wird geöffnet und zeigt den Status des Bereitstellungsvorgangs an.

    Screenshot of the Azure Activity Log window in Eclipse. The web app is being deployed.

    Warten Sie, bis sich die Meldung in der Spalte Fortschritt zu Veröffentlicht geändert hat, bevor Sie fortfahren.

Testen der Web-App in Azure

  1. Klicken Sie im Fenster Azure-Explorer mit der rechten Maustaste auf Web-Apps, und klicken Sie dann auf Aktualisieren.

  2. Erweitern Sie Web-Apps. Vergewissern Sie sich, dass Ihre neue Web-App aufgeführt wird.

    Screenshot of the Azure Explorer window in Eclipse, showing the new web app.

  3. Klicken Sie mit der rechten Maustaste auf die Web-App, und klicken Sie auf Im Browser öffnen.

    Screenshot of the context menu for the web app in the Azure Explorer window.

  4. Überprüfen Sie im Webbrowser, ob die Web-App dieselben Ergebnisse anzeigt wie bei der lokalen Ausführung. Der Hauptunterschied ist die IP-Adresse: Hier wird anstatt „127.0.0.1 (localhost)“ die tatsächliche IP-Adresse Ihres Computers angezeigt.

    Screenshot of the web app running in a browser.

  5. Klicken Sie im Webbrowser auf die Schaltfläche zum Aktualisieren, und überprüfen Sie, ob die Uhrzeit aktualisiert wird.

  6. Schließen Sie den Webbrowser, und kehren Sie zu Eclipse zurück.

Herzlichen Glückwunsch! Sie haben das Azure-Toolkit für Eclipse verwendet, um einen App Service in Azure zu erstellen und eine Web-App in Ihrem App Service bereitzustellen, und Sie haben Ihre Web-App getestet.