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

Im Folgenden wird Schritt für Schritt beschrieben, wie Sie den Azure-Anmeldeprozess in Ihrer IntelliJ-Entwicklungsumgebung durchführen.

  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 Sign in klicken.

    Anmelden bei Azure mit 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.

    Auswählen der Option „maven-archetype-webapp“

  3. Erweitern Sie die Dropdownliste Artefaktkoordinaten, 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 Feld ArtifactId der App automatisch auszufüllen.
    • GroupId: Der Name der Artefaktgruppe, in der Regel eine Unternehmensdomäne, 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 zu Ihrem Projekt auf der linken Registerkarte Projekt, und öffnen Sie dann die Datei src/main/webapp/index.jsp. Es wird ein Code angezeigt, der in etwa wie im folgenden Beispiel aussieht.

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

    Öffnen der Datei „index.jsp“

Bereitstellen der Web-App in Azure

  1. Klicken Sie in der Ansicht Projekt-Explorer 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.

    Dialogfeld „Deploy to Azure“ (In Azure bereitstellen)

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

    • Name: Der Domänenname der Web-App. 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.

    Durchsuchen Ihrer 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.

    Menü „Konfiguration bearbeiten“

  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 Themen in unserem GitHub-Repository, oder stellen Sie Fragen zu Stack Overflow mit dem Tag azure-java-tools.

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

Weitere Informationen zur Erstellung von Azure-Web-Apps finden Sie unter App-Service – Übersicht.