Erstellen einer „Hello World“-Web-App für Azure App Service mit IntelliJ

  • Artikel

In diesem Artikel werden die Schritte zum Erstellen einer einfachen „Hello World“-Web-App beschrieben. Außerdem erfahren Sie, wie Sie Ihre Web-App mit dem Azure-Toolkit für IntelliJ in Azure App Service veröffentlichen.

Hinweis

Ein ähnliches Tutorial für Eclipse finden Sie hier.

Wenn Sie kein Azure-Abonnement besitzen, erstellen Sie ein kostenloses Konto, bevor Sie beginnen.

Denken Sie daran, die Ressourcen nach Abschluss dieses Tutorials zu bereinigen. In diesem Fall wird Ihr kostenloses Kontokontingent im Rahmen dieses Leitfadens nicht überschritten.

Voraussetzungen

Installieren und Anmelden

Die folgenden Schritte führen Sie durch den Azure-Anmeldeprozess in Ihrer IntelliJ-Entwicklungsumgebung.

  1. Falls Sie das Plug-In nicht installiert haben, helfen Ihnen die Informationen unter Azure-Toolkit für IntelliJ weiter.

  2. Navigieren Sie zum Anmelden bei Ihrem Azure-Konto zur linken Seitenleiste des Azure-Explorers, und klicken Sie anschließend auf das Symbol Azure-Anmeldung. Alternativ können Sie zu Tools navigieren, Azure erweitern und dann auf Azure Anmelden klicken.

    Sign in to Azure on IntelliJ.

  3. Wählen Sie im Fenster Azure Sign In (Azure-Anmeldung) die Option OAuth 2.0 aus, und klicken Sie dann auf Sign in (Anmelden). Weitere Anmeldeoptionen finden Sie unter Anleitung zur Anmeldung für das Azure-Toolkit für IntelliJ.

  4. Melden Sie sich im Browser mit Ihrem Konto an, und kehren Sie dann zu IntelliJ zurück. Klicken Sie im Dialogfeld "Abonnements auswählen" auf das Abonnement, das Sie verwenden möchten, und klicken Sie dann auf " Auswählen".

Erstellen eines neuen Web-App-Projekts

  1. Klicken Sie auf Datei, erweitern Sie die Option Neu, und klicken Sie anschließend auf Projekt.

  2. Wählen Sie im Dialogfeld Neues Projekt die Option Maven aus, und vergewissern Sie sich, dass die Option Aus Archetyp erstellen aktiviert ist. Wählen Sie in der Liste den Eintrag maven-archetype-webapp aus, und klicken Sie anschließend auf Weiter.

    Select the maven-archetype-webapp option.

  3. Erweitern Sie die Dropdownliste " Artefaktekoordinaten ", um alle Eingabefelder anzuzeigen. Geben Sie die folgenden Informationen für Ihre neue Web-App an, und klicken Sie dann auf "Weiter":

    • Name: Der Name Ihrer Web-App. Dieser Wert wird verwendet, um das Artefaktid-Feld der Web-App automatisch auszufüllen.
    • GroupId: Der Name der Artefaktgruppe, in der Regel ein Unternehmen Standard, z. B. com.microsoft.azure.
    • Version: Wir behalten die Standardversion 1.0-SNAPSHOT bei.

  4. Passen Sie alle gewünschten Maven-Einstellungen an, oder übernehmen Sie die Standardeinstellungen, und klicken Sie dann auf Fertig stellen.

  5. Um den generierten Code zu finden, navigieren Sie auf der linken Registerkarte "Projekt" zu Ihrem Projekt, und öffnen Sie dann die Datei "src/Standard/webapp/index.jsp". Code wird ähnlich wie im folgenden Beispiel angezeigt.

    <html>
 <body>
   <h2>Hello World!</h2>
 </body>
</html>

    Open the index.jsp file.

Bereitstellen von Web-App in Azure

  1. Klicken Sie in der Projekt-Explorer-Ansicht mit der rechten Maustaste auf Ihr Projekt, erweitern Sie Azure, und klicken Sie dann auf "In Azure Web-Apps bereitstellen".

  2. Im Dialogfeld „Deploy to Azure“ (In Azure bereitstellen) können Sie die Anwendung für eine vorhandene Tomcat-Web-App bereitstellen oder eine neue App erstellen.

    a. Klicken Sie auf +, um eine neue Web-App zu erstellen. Wählen Sie andernfalls im Web-App-Dropdownmenü die Option WebApp aus, falls Ihr Abonnement vorhandene Web-Apps enthält.

    Deploy to Azure dialog window.

    b. Geben Sie im Popupdialogfeld Create WebApp (Web-App erstellen) die folgenden Informationen an, und klicken Sie auf OK:

    • Name: Der Name der WebApp Standard. Dieser Wert sollte in Azure eindeutig sein.
    • Plattform: Wählen Sie Linux-Java 8-TOMCAT 9.0 oder nach Bedarf aus.

    c. Um eine vorhandene Web-App bereitzustellen, wählen Sie sie im Web-App-Dropdownmenü aus und klicken dann auf Ausführen.

  3. Nachdem Ihre Web-App bereitgestellt wurde, wird im Toolkit eine Statusmeldung angezeigt. Diese enthält auch die URL Ihrer bereitgestellten Web-App, sofern die Bereitstellung erfolgreich war.

  4. Sie können über den Link in der Statusmeldung zu Ihrer Web-App navigieren.

    Browsing your web app.

Verwalten von Bereitstellungskonfigurationen

Tipp

Nachdem Sie Ihre Web-App veröffentlicht haben, können Sie den Bereitstellungsvorgang ausführen, indem Sie in der Symbolleiste auf den grünen Pfeil klicken.

  1. Vor dem Ausführen des Bereitstellungsvorgangs für Ihre Web-App können Sie die Standardeinstellungen ändern, indem Sie auf das Dropdownmenü für Ihre Web-App klicken und die Option Konfigurationen bearbeiten auswählen.

    Edit configuration menu.

  2. Im Dialogfeld Konfigurationen ausführen/debuggen können Sie die Standardeinstellungen ändern. Klicken Sie auf OK, um die Einstellungen zu speichern.

Bereinigen von Ressourcen

  1. Navigieren Sie zum Löschen Ihrer Web-App zur linken Seitenleiste des Azure-Explorers, und suchen Sie nach der Option Web-Apps.

    Hinweis

    Falls das Menüelement „Web-Apps“ nicht erweitert wird, müssen Sie die Liste manuell aktualisieren. Klicken Sie hierzu in der Azure-Explorer-Symbolleiste auf das Symbol Aktualisieren, oder klicken Sie mit der rechten Maustaste auf das Menüelement „Web-Apps“, und wählen Sie Aktualisieren aus.

  2. Klicken Sie mit der rechten Maustaste auf die Web-App, die Sie löschen möchten, und klicken Sie anschließend auf Löschen.

  3. Navigieren Sie zum Löschen Ihres App Service-Plans oder der Ressourcengruppe zum Azure-Portal, und löschen Sie die Ressourcen unter Ihrem Abonnement manuell.

Nächste Schritte

Um Fehler zu melden oder neue Features anzufordern, erstellen Sie Probleme in unserem GitHub-Repository, oder stellen Sie Fragen zu Stack Overflow mit tag azure-java-tools.

Weitere Informationen zur Verwendung von Java mit Azure finden Sie unter den folgenden Links:

Weitere Informationen zum Erstellen von Azure Web-Apps finden Sie in der App Service-Übersicht.