Een web-app Hallo wereld voor Azure App Service maken met behulp van Eclipse

In dit artikel worden de stappen gedemonstreerd die nodig zijn voor het maken van een eenvoudige Hallo wereld-web-app en het publiceren van uw web-app naar Azure-app Service met behulp van de Azure-toolkit voor Eclipse.

Notitie

Als u liever IntelliJ-IDEA gebruikt, raadpleegt u onze vergelijkbare zelfstudie voor IntelliJ.

Als u geen Azure-abonnement hebt, maakt u een gratis account voordat u begint.

Vergeet niet de resources op te schonen nadat u deze zelfstudie hebt voltooid. Dan overschrijdt u door het volgen van deze gids niet het quotum van uw gratis account.

Vereisten

Als u de stappen in dit artikel wilt uitvoeren, moet u de Azure-toolkit voor Eclipse installeren. Hiervoor zijn de volgende softwareonderdelen vereist:

• Een door Azure ondersteunde JDK (Java Development Kit)
• Een Eclipse-IDE

Notitie

Op de pagina Azure-toolkit voor Eclipse op de Eclipse Marketplace worden de builds weergegeven die compatibel zijn met de toolkit.

Installatie en aanmelding

Met de volgende stappen doorloopt u het aanmeldingsproces van Azure in uw Eclipse-ontwikkelomgeving.

1. Zie De Azure-toolkit voor Eclipse installeren als u de invoegtoepassing niet hebt geïnstalleerd.

2. Als u zich wilt aanmelden bij uw Azure-account, klikt u op Extra, klikt u op Azure en vervolgens op Aanmelden.

   

3. Selecteer Apparaataanmelding in het venster Aanmelden bij Azure en klik op Aanmelden (andere aanmeldingsopties).

4. Klik op Kopiëren&openen in het dialoogvenster Aanmelden bij Azure-apparaten.

5. Plak uw apparaatcode (die is gekopieerd toen u in de vorige stap op Kopiëren en openen klikte) in de browser en klik op Volgende.

6. Selecteer uw Azure-account en voltooi alle verificatieprocedures die nodig zijn om u aan te melden.

7. Nadat u zich hebt aangemeld, sluit u uw browser en gaat u terug naar uw Eclipse IDE. Selecteer in het dialoogvenster Abonnementen selecteren de abonnementen die u wilt gebruiken en klik vervolgens op Selecteren.

Vereiste software installeren (optioneel)

Volg deze stappen om ervoor te zorgen dat u vereiste onderdelen hebt om met web-app-projecten te werken:

1. Klik op het Menu Help en klik vervolgens op Nieuwe software installeren.

2. Klik in het dialoogvenster Beschikbare software op Beheren en controleer of de nieuwste Eclipse-versie is geselecteerd (bijvoorbeeld 2020-06).

3. Klik op Toepassen en sluiten. Vouw het menu Werken met: vervolgkeuzelijst uit om voorgestelde sites weer te geven. Selecteer de meest recente Eclipse-versiesite om een query uit te voeren op beschikbare software.

4. Schuif omlaag in de lijst en selecteer het item Web, XML, Java EE en OSGi Enterprise Development . Klik op Volgende.

5. Klik in het venster Details installeren op Volgende.

6. Bekijk de voorwaarden van de licentieovereenkomsten in het dialoogvenster Licenties bekijken. Als u de licentievoorwaarden accepteert, klikt u op Ik accepteer de voorwaarden van de gebruiksrechtovereenkomsten en vervolgens op Voltooien.

   Notitie

   U kunt de voortgang van de installatie controleren in de rechterbenedenhoek van uw Eclipse-werkruimte.

7. Als u wordt gevraagd Eclipse opnieuw te starten om de installatie te voltooien, klikt u op Nu opnieuw opstarten.

Een web-app-project maken

1. Klik op Bestand, vouw Nieuw uit en klik vervolgens op ... Project. Vouw in het dialoogvenster Nieuw project het web uit, selecteer Dynamisch webproject en klik op Volgende.

   Tip

   Als het web niet wordt weergegeven als een beschikbaar project, raadpleegt u deze sectie om ervoor te zorgen dat u over de vereiste Eclipse-software beschikt.

2. In het kader van deze zelfstudie geeft u het project de naam MyWebApp. Uw scherm ziet er ongeveer als volgt uit:

   

3. Klik op Voltooien.

4. Vouw MyWebApp uit in het linkerdeelvenster van Package Explorer. Klik met de rechtermuisknop op WebContent, beweeg de muisaanwijzer over Nieuw en klik vervolgens op Overige....

5. Vouw web uit om de optie JSP-bestand te vinden. Klik op Volgende.

6. In het dialoogvenster Nieuw JSP-bestand noemt u het bestand index.jsp, laat u de bovenliggende map ingesteld op MyWebApp/WebContent en klikt u op Volgende.

   

7. Selecteer in het dialoogvenster JSP-sjabloon selecteren voor deze zelfstudie het nieuwe JSP-bestand (HTML 5) en klik vervolgens op Voltooien.

8. Wanneer het bestand index.jsp wordt geopend in Eclipse, voegt u tekst toe om Hallo wereld dynamisch weer te geven binnen het bestaande <body> element. De bijgewerkte <body>-inhoud moet lijken op het volgende voorbeeld:

   <body>
   <b><% out.println("Hello World!"); %></b>
   </body>
   

9. Sla index.jsp op.

De web-app implementeren in Azure

1. Klik in het linkerdeelvenster van Package Explorer met de rechtermuisknop op uw project, kies Azure en kies Publiceren als Azure-web-app.

   

2. Wanneer het dialoogvenster Web-app implementeren wordt weergegeven, kunt u een van de volgende opties kiezen:

   • Selecteer een bestaande web-app als die er is.

   • Als u geen bestaande web-app hebt, klikt u op Maken.

     Hier kunt u de runtime-omgeving, de resourcegroep van het App Service-plan en de app-instellingen configureren. Maak indien nodig nieuwe resources.

     Geef de vereiste gegevens voor uw web-app op in het dialoogvenster App-service maken en klik op Maken.

3. Selecteer uw web-app en klik op Implementeren.

4. In de toolkit wordt nadat uw web-app is geïmplementeerd op het tabblad Azure-activiteitenlogboek de status Gepubliceerd weergegeven, die een hyperlink is naar de URL van uw geïmplementeerde web-app.

5. U kunt naar uw web-app bladeren met behulp van de koppeling in het statusbericht.

   

Resources opschonen

1. Nadat u uw web-app naar Azure hebt gepubliceerd, kunt u deze beheren door er met de rechtermuisknop op te klikken in Azure Explorer en een van de opties in het contextmenu te selecteren. U kunt hier bijvoorbeeld uw web-app Verwijderen om de resource voor deze zelfstudie op te schonen.

   

De Azure Explorer-weergave zichtbaar maken

Als de weergave Azure Explorer niet zichtbaar is in Eclipse, kunt u deze als volgt openen:

1. Klik op Venster, beweeg de muisaanwijzer over Weergave weergeven en klik vervolgens op Overige.

2. Vouw Azure uit in het dialoogvenster Weergave weergeven, selecteer Azure Explorer en klik vervolgens op Openen.

   

Volgende stappen

Als u fouten wilt rapporteren of nieuwe functies wilt aanvragen, kunt u dat doen op onze GitHub-opslagplaats. U kunt ook vragen stellen op Stack Overflow, met de tag azure-java-tools.

Zie de volgende koppelingen voor meer informatie over het gebruik van Java met Azure:

• Azure for Java Developers (Azure voor Java-ontwikkelaars)
• Java met Azure DevOps Services
• Java-ondersteuning in Azure en Azure Stack

Zie Overzicht van Web Apps voor meer informatie over het maken van Azure Web Apps.