Quickstart: Een Java web-app maken in Azure App Service

Azure App Service biedt een uiterst schaalbare webhostingservice met self-patchfunctie. In deze quickstart ziet u hoe u Azure CLI met de Maven-invoegtoepassing voor Azure Web Apps wordt gebruikt om een JAR-bestand of WAR-bestand te implementeren. Gebruik de tabbladen om te schakelen tussen de instructies voor Java SE en Tomcat.

Als Maven niet uw favoriete ontwikkelhulpprogramma is, bekijkt u onze vergelijkbare zelfstudies voor Java-ontwikkelaars:

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

1 - Azure Cloud Shell gebruiken

Azure host Azure Cloud Shell, een interactieve shell-omgeving die u via uw browser kunt gebruiken. U kunt Bash of PowerShell gebruiken met Cloud Shell om met Azure-services te werken. U kunt de vooraf geïnstalleerde Cloud Shell-opdrachten gebruiken om de code in dit artikel uit te voeren zonder dat u iets hoeft te installeren in uw lokale omgeving.

Om Azure Cloud Shell op te starten:

Optie Voorbeeld/koppeling
Selecteer Uitproberen in de rechterbovenhoek van een code- of opdrachtblok. Als u Proberen selecteert, wordt de code of opdracht niet automatisch gekopieerd naar Cloud Shell. Schermopname van een voorbeeld van Probeer het nu voor Azure Cloud Shell.
Ga naar https://shell.azure.com, of selecteer de knop Cloud Shell starten om Cloud Shell in uw browser te openen. Schermopname waarin te zien is hoe u Cloud Shell in een nieuw venster start.
Klik op de knop Cloud Shell in het menu in de balk rechtsboven in de Azure-portal. Schermopname van de knop Cloud Shell in Azure Portal

Azure Cloud Shell gebruiken:

  1. Start Cloud Shell.

  2. Selecteer de knop Kopiëren op een codeblok (of opdrachtblok) om de code of opdracht te kopiëren.

  3. Plak de code of opdracht in de Cloud Shell sessie door Ctrl+Shift+V te selecteren in Windows en Linux of door Cmd+Shift+V in macOS te selecteren.

  4. Selecteer Enter om de code of opdracht uit te voeren.

2 - Een Java-app maken

Kloon het voorbeeldproject Spring Boot Getting Started.

git clone https://github.com/spring-guides/gs-spring-boot

Ga naar de map met het voltooide project.

cd gs-spring-boot/complete

3 - De Maven-invoegtoepassing configureren

Tip

De Maven-invoegtoepassing ondersteunt Java 17 en Tomcat 10.0. Zie Java 17 en Tomcat 10.0 zijn beschikbaar op Azure App Service voor meer informatie over de nieuwste ondersteuning.

Bij het implementatieproces naar Azure App Service worden uw Azure-referenties automatisch opgehaald uit Azure CLI. Als Azure CLI niet lokaal is geïnstalleerd, wordt de verificatie met de Maven-invoegtoepassing uitgevoerd via OAuth of apparaataanmelding. Zie verificatie met Maven-invoegtoepassingen voor meer informatie.

Voer de onderstaande Maven-opdracht uit om de implementatie te configureren. Met deze opdracht kunt u het App Service-besturingssysteem, de Java-versie en de Tomcat-versie instellen.

mvn com.microsoft.azure:azure-webapp-maven-plugin:2.5.0:config
  1. Wanneer u hierom wordt gevraagd met de optie Abonnement , selecteert u het juiste Subscription door het nummer in te voeren dat is afgedrukt bij het begin van de regel.

  2. Wanneer u hierom wordt gevraagd met de optie Web-app , selecteert u de standaardoptie , <create>door op Enter te drukken.

  3. Wanneer u hierom wordt gevraagd bij de optie Besturingssysteem, selecteert u Linux door op Enter te drukken.

  4. Wanneer u hierom wordt gevraagd met de optie javaVersion , selecteert u Java 11.

  5. Wanneer u hierom wordt gevraagd met de optie Prijscategorie , selecteert u P1v2.

  6. Druk tot slot op de ENTER-toets bij de laatste prompt om uw selecties te bevestigen.

    Please confirm webapp properties
    Subscription Id : ********-****-****-****-************
    AppName : spring-boot-1599007116351
    ResourceGroup : spring-boot-1599007116351-rg
    Region : centralus
    PricingTier : P1v2
    OS : Linux
    Web server stack : Java SE
    Deploy to slot : false
    Confirm (Y/N)? : Y
    [INFO] Saving configuration to pom.
    [INFO] ------------------------------------------------------------------------
    [INFO] BUILD SUCCESS
    [INFO] ------------------------------------------------------------------------
    [INFO] Total time: 20.925 s
    [INFO] Finished at: 2020-09-01T17:38:51-07:00
    [INFO] ------------------------------------------------------------------------
    

U kunt de configuraties voor App Service rechtstreeks in uw pom.xmlwijzigen. Hieronder vindt u enkele algemene configuraties:

Eigenschap Vereist Beschrijving Versie
<schemaVersion> false Geef de versie van het configuratieschema op. Ondersteunde waarden zijn: v1 of v2. 1.5.2
<subscriptionId> false Geef de abonnements-id op. 0.1.0+
<resourceGroup> true Azure-resourcegroep voor uw web-app. 0.1.0+
<appName> true De naam is van uw web-app. 0.1.0+
<region> false Hiermee geeft u de regio op waar uw web-app wordt gehost; de standaardwaarde is centralus. Alle geldige regio's staan in de sectie Ondersteunde regio's. 0.1.0+
<pricingTier> false De prijscategorie voor uw web-app. De standaardwaarde is P1v2 voor productieworkload, terwijl B2 de aanbevolen minimumwaarde is voor Java dev/test. Zie prijzen voor App Service voor meer informatie 0.1.0+
<runtime> false De configuratie van de runtime-omgeving. Zie Configuratiedetails voor meer informatie. 0.1.0+
<deployment> false De implementatieconfiguratie. Zie Configuratiedetails voor meer informatie. 0.1.0+

Wees voorzichtig met de waarden van <appName> en <resourceGroup> (helloworld-1590394316693 en helloworld-1590394316693-rg dienovereenkomstig in de demo) die later worden gebruikt.

4 - De app implementeren

Nu alle configuratie gereed is in uw pom-bestand, kunt u uw Java-app met één opdracht implementeren in Azure.

mvn package azure-webapp:deploy

Zodra de implementatie is voltooid, is uw toepassing gereed op http://<appName>.azurewebsites.net/ (http://helloworld-1590394316693.azurewebsites.net in de demo). Open de URL met uw lokale webbrowser. U ziet dan het volgende als het goed is:

Gefeliciteerd U hebt uw eerste Java-app geïmplementeerd in App Service.

5 - Resources opschonen

In de voorgaande stappen hebt u Azure-resources in een resourcegroep gemaakt. Als u de resources in de toekomst niet meer nodig hebt, verwijdert u de resourcegroep uit de portal of voert u de volgende opdracht uit in de Cloud Shell:

az group delete --name <your resource group name; for example: helloworld-1558400876966-rg> --yes

Het kan een minuut duren voordat deze opdracht is uitgevoerd.

Azure App Service biedt een uiterst schaalbare webhostingservice met self-patchfunctie. In deze quickstart ziet u hoe u Azure CLI met de Maven-invoegtoepassing voor Azure Web Apps wordt gebruikt om een JAR-bestand of WAR-bestand te implementeren. Gebruik de tabbladen om te schakelen tussen de instructies voor Java SE en Tomcat.

Schermopname van de begroetingen van de Spring-app in Azure App Service.

Als Maven niet uw favoriete ontwikkelhulpprogramma is, bekijkt u onze vergelijkbare zelfstudies voor Java-ontwikkelaars:

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

1 - Azure Cloud Shell gebruiken

Azure host Azure Cloud Shell, een interactieve shell-omgeving die u via uw browser kunt gebruiken. U kunt Bash of PowerShell gebruiken met Cloud Shell om met Azure-services te werken. U kunt de vooraf geïnstalleerde Cloud Shell-opdrachten gebruiken om de code in dit artikel uit te voeren zonder dat u iets hoeft te installeren in uw lokale omgeving.

Om Azure Cloud Shell op te starten:

Optie Voorbeeld/koppeling
Selecteer Uitproberen in de rechterbovenhoek van een code- of opdrachtblok. Als u Proberen selecteert, wordt de code of opdracht niet automatisch gekopieerd naar Cloud Shell. Schermopname van een voorbeeld van Probeer het nu voor Azure Cloud Shell.
Ga naar https://shell.azure.com, of selecteer de knop Cloud Shell starten om Cloud Shell in uw browser te openen. Schermopname waarin te zien is hoe u Cloud Shell in een nieuw venster start.
Klik op de knop Cloud Shell in het menu in de balk rechtsboven in de Azure-portal. Schermopname van de knop Cloud Shell in Azure Portal

Azure Cloud Shell gebruiken:

  1. Start Cloud Shell.

  2. Selecteer de knop Kopiëren in een codeblok (of opdrachtblok) om de code of opdracht te kopiëren.

  3. Plak de code of opdracht in de Cloud Shell-sessie door Ctrl+Shift+V te selecteren in Windows en Linux of door Cmd+Shift+V in macOS te selecteren.

  4. Selecteer Enter om de code of opdracht uit te voeren.

2 - Een Java-app maken

Kloon het voorbeeldproject Spring Boot Getting Started.

git clone https://github.com/spring-guides/gs-spring-boot

Ga naar de map met het voltooide project.

cd gs-spring-boot/complete

3 - De Maven-invoegtoepassing configureren

Tip

De Maven-invoegtoepassing ondersteunt Java 17 en Tomcat 10.0. Zie Java 17 en Tomcat 10.0 zijn beschikbaar op Azure App Service voor meer informatie over de nieuwste ondersteuning.

Bij het implementatieproces naar Azure App Service worden uw Azure-referenties automatisch opgehaald uit Azure CLI. Als Azure CLI niet lokaal is geïnstalleerd, wordt de verificatie met de Maven-invoegtoepassing uitgevoerd via OAuth of apparaataanmelding. Zie verificatie met Maven-invoegtoepassingen voor meer informatie.

Voer de onderstaande Maven-opdracht uit om de implementatie te configureren. Met deze opdracht kunt u het App Service-besturingssysteem, de Java-versie en de Tomcat-versie instellen.

mvn com.microsoft.azure:azure-webapp-maven-plugin:2.5.0:config
  1. Als u hierom wordt gevraagd met de optie Abonnement , selecteert u de juiste Subscription door het nummer in te voeren dat wordt afgedrukt bij het begin van de regel.

  2. Wanneer u hierom wordt gevraagd met de optie Web-app , selecteert u de standaardoptie , <create>door op Enter te drukken.

  3. Wanneer u hierom wordt gevraagd bij de optie Besturingssysteem, selecteert u Windows door 1 in te voeren.

  4. Wanneer u hierom wordt gevraagd met de optie javaVersion , selecteert u Java 11 door in te voeren 2.

  5. Wanneer u hierom wordt gevraagd met de optie Prijscategorie , selecteert u P1v2 door in te voeren 10.

  6. Druk tot slot op de ENTER-toets bij de laatste prompt om uw selecties te bevestigen.

    Het samenvattingsoverzicht ziet er ongeveer uit zoals het fragment hieronder.

    Please confirm webapp properties
    Subscription Id : ********-****-****-****-************
    AppName : spring-boot-1599007390755
    ResourceGroup : spring-boot-1599007390755-rg
    Region : centralus
    PricingTier : P1v2
    OS : Windows
    Java : Java 11
    Web server stack : Java SE
    Deploy to slot : false
    Confirm (Y/N)? : Y
    [INFO] Saving configuration to pom.
    [INFO] ------------------------------------------------------------------------
    [INFO] BUILD SUCCESS
    [INFO] ------------------------------------------------------------------------
    [INFO] Total time: 41.118 s
    [INFO] Finished at: 2020-09-01T17:43:45-07:00
    [INFO] ------------------------------------------------------------------------
    

U kunt de configuraties voor App Service rechtstreeks in uw pom.xmlwijzigen. Hieronder vindt u enkele algemene configuraties:

Eigenschap Vereist Beschrijving Versie
<schemaVersion> false Geef de versie van het configuratieschema op. Ondersteunde waarden zijn: v1 of v2. 1.5.2
<subscriptionId> false Geef de abonnements-id op. 0.1.0+
<resourceGroup> true Azure-resourcegroep voor uw web-app. 0.1.0+
<appName> true De naam is van uw web-app. 0.1.0+
<region> false Hiermee geeft u de regio op waar uw web-app wordt gehost; de standaardwaarde is centralus. Alle geldige regio's staan in de sectie Ondersteunde regio's. 0.1.0+
<pricingTier> false De prijscategorie voor uw web-app. De standaardwaarde is P1v2 voor productieworkload, terwijl B2 de aanbevolen minimumwaarde is voor Java dev/test. Zie prijzen voor App Service voor meer informatie 0.1.0+
<runtime> false De configuratie van de runtime-omgeving. Zie Configuratiedetails voor meer informatie. 0.1.0+
<deployment> false De implementatieconfiguratie. Zie Configuratiedetails voor meer informatie. 0.1.0+

Wees voorzichtig met de waarden van <appName> en <resourceGroup> (helloworld-1590394316693 en helloworld-1590394316693-rg dienovereenkomstig in de demo) die later worden gebruikt.

4 - De app implementeren

Nu alle configuratie gereed is in uw pom-bestand, kunt u uw Java-app met één opdracht implementeren in Azure.

mvn package azure-webapp:deploy

Zodra de implementatie is voltooid, is uw toepassing gereed op http://<appName>.azurewebsites.net/ (http://helloworld-1590394316693.azurewebsites.net in de demo). Open de URL met uw lokale webbrowser. U ziet dan het volgende als het goed is:

Schermopname van de begroetingen van de Spring-app in Azure App Service.

Gefeliciteerd U hebt uw eerste Java-app geïmplementeerd in App Service.

5 - Resources opschonen

In de voorgaande stappen hebt u Azure-resources in een resourcegroep gemaakt. Als u de resources in de toekomst niet meer nodig hebt, verwijdert u de resourcegroep uit de portal of voert u de volgende opdracht uit in de Cloud Shell:

az group delete --name <your resource group name; for example: helloworld-1558400876966-rg> --yes

Het kan een minuut duren voordat deze opdracht is uitgevoerd.

Azure App Service biedt een uiterst schaalbare webhostingservice met self-patchfunctie. Deze snelstartgids laat zien hoe u een Java SE-app implementeert in Azure App Service op Linux met behulp van de Azure Portal. Als u een quickstart wilt volgen die wordt geïmplementeerd in Tomcat of JBoss EAP, selecteert u een van de bovenstaande Maven-opties.

In deze quickstart configureert u een App Service-app in de gratis laag en worden er geen kosten in rekening gebracht voor uw Azure-abonnement.

In deze quickstart ziet u hoe u deze wijzigingen kunt aanbrengen in uw browser, zonder dat u de ontwikkelomgevingsprogramma's op uw computer hoeft te installeren.

U kunt de onderstaande stappen volgen met behulp van een Mac-, Windows- of Linux-computer. Vanaf het moment dat de vereiste onderdelen zijn geïnstalleerd, duurt het ongeveer vijf minuten om de stappen uit te voeren.

U hebt het volgende nodig om deze quickstart te voltooien:

  1. Een Azure-account met een actief abonnement. Gratis een account maken
  2. Een GitHub-account om een opslagplaats te splitsen.

1 - De voorbeeldopslagplaats splitsen

  1. Navigeer in uw browser naar de opslagplaats met de voorbeeldcode.

  2. Selecteer in de rechterbovenhoek Fork.

    Schermopname van de opslagplaats Azure-Samples/java-docs-spring-hello-world in GitHub, met de optie Fork gemarkeerd.

  3. Bevestig op het scherm Een nieuwe fork maken de velden Eigenaar en Naam van opslagplaats . Selecteer Fork maken.

    Schermopname van de pagina Een nieuwe fork maken in GitHub voor het maken van een nieuwe fork van Azure-Samples/java-docs-spring-hello-world.

    Notitie

    Hiermee gaat u naar de nieuwe fork. Uw fork-URL ziet er ongeveer als volgt uit: https://github.com/YOUR_GITHUB_ACCOUNT_NAME/java-docs-spring-hello-world

2 - Azure-resources maken en implementatie configureren

  1. Meld u aan bij Azure Portal.

  2. Typ App Services in de zoekopdracht. Selecteer onder Servicesde optie App Services.

    Schermopname van de Azure Portal met 'app services' getypt in het zoektekstvak. In de resultaten is de optie App Services onder Services gemarkeerd.

  3. Selecteer Maken op de pagina App Services.

    Schermopname van de pagina App Services in de Azure Portal. De knop Maken op de actiebalk is gemarkeerd.

  4. Vul de pagina Web-app maken als volgt in.

  • Resourcegroep: maak een resourcegroep met de naam myResourceGroup.
  • Naam: typ een wereldwijd unieke naam voor uw web-app.
  • Publiceren: selecteer Code.
  • Runtimestack: Selecteer Java 11.
  • Java-webserverstack: selecteer Java SE (Embedded Web Server).
  • Besturingssysteem: selecteer Linux.
  • Regio: Selecteer een Azure-regio bij u in de buurt.
  • App Service plan: maak een App Service-plan met de naam myAppServicePlan.
  1. Als u de App Service-abonnementslaag wilt wijzigen, selecteert u Grootte wijzigen naast SKU en grootte.

  2. Selecteer in de specificatiekiezer op het tabblad Productie de optie P1V3. Selecteer de knop Toepassen onderaan de pagina.

    Schermopname van de specificatiekiezer voor de prijscategorieën App Service abonnement in de Azure Portal. Productie, P1V3 en Toepassen zijn gemarkeerd.

  3. Selecteer de knop Beoordelen en maken onderaan de pagina.

  4. Nadat de validatie is uitgevoerd, selecteert u de knop Maken onderaan de pagina. Hiermee maakt u een Azure-resourcegroep, een App Service-plan en een App Service.

  5. Nadat de Azure-resources zijn gemaakt, selecteert u Ga naar resource.

  6. Selecteer in het linkernavigatievenster Implementatiecentrum.

    Schermopname van de App Service in Azure Portal. De optie Implementatiecentrum in de sectie Implementatie van het linkernavigatievenster is gemarkeerd.

  7. Selecteer onder Instellingen een Bron. Voor deze quickstart selecteert u GitHub.

  8. Selecteer in de sectie onder GitHub de volgende instellingen:

  • Organisatie: selecteer uw organisatie.
  • Opslagplaats: selecteer java-docs-spring-hello-world.
  • Vertakking: selecteer hoofd.
  1. Selecteer Opslaan.

    Schermopname van het implementatiecentrum voor de App Service, gericht op de github-integratie-instellingen. De knop Opslaan op de actiebalk is gemarkeerd.

    Tip

    In deze quickstart wordt gebruikgemaakt van GitHub. Aanvullende bronnen voor continue implementatie zijn Bitbucket, Lokale Git, Azure-opslagplaatsen en Externe Git. FTPS is ook een ondersteunde implementatiemethode.

  2. Nadat de GitHub-integratie is opgeslagen, selecteert u Overzichts-URL>.

    Schermopname van het overzicht van de App Service resource met de URL gemarkeerd.

De Java SE-voorbeeldcode wordt uitgevoerd in een Azure App Service Linux-web-app.

Schermopname van de voorbeeld-app die wordt uitgevoerd in Azure, met 'Hallo wereld!'.

Gefeliciteerd U hebt uw eerste Java-app geïmplementeerd voor App Service met behulp van de Azure Portal.

3 - De fork bijwerken in GitHub en de wijzigingen implementeren

  1. Blader naar uw GitHub-fork van java-docs-spring-hello-world.

  2. Druk . op de pagina van de opslagplaats om Visual Studio Code in uw browser te starten.

    Notitie

    De URL verandert van GitHub.com in GitHub.dev. Deze functie werkt alleen met opslagplaatsen met bestanden. Dit werkt niet op lege opslagplaatsen.

    Schermopname van gevorkte GitHub-opslagplaats met een aantekening om op de punttoets te drukken.

  3. Navigeer naar src/main/java/com/example/demo/DemoApplication.java.

    Schermopname van Visual Studio Code in de browser, met src/main/java/com/example/demo/DemoApplication.java gemarkeerd in het deelvenster Explorer.

  4. Bewerk de sayHello-methode zodat 'Hallo Azure!' wordt weergegeven in plaats van 'Hallo wereld!'

    @RequestMapping("/")
    String sayHello() {
        return "Hello Azure!";
    }
    
  5. Selecteer in het deelvenster Broncodebeheer de knop Fasewijzigingen om de wijziging te fasen.

    Schermopname van Visual Studio Code in de browser, met de navigatiebronbeheer in de zijbalk gemarkeerd en vervolgens de knop Fasewijzigingen in het deelvenster Broncodebeheer gemarkeerd.

  6. Voer een doorvoerbericht in, zoals Hello Azure. Selecteer vervolgens Doorvoeren en pushen.

    Schermopname van Visual Studio Code in de browser, deelvenster Broncodebeheer met het doorvoerbericht 'Hallo Azure' en de knop Doorvoeren en pushen gemarkeerd.

  7. Wanneer de implementatie is voltooid, gaat u terug naar het browservenster dat is geopend tijdens de stap Bladeren naar de app en vernieuwt u de pagina.

    Schermopname van de bijgewerkte voorbeeld-app die wordt uitgevoerd in Azure, met 'Hallo Azure!'.

4 - Uw nieuwe Azure-app beheren

  1. Ga naar Azure Portal om de web-app te beheren die u hebt gemaakt. Zoek en selecteer App Services.

    Schermopname van de Azure Portal met 'app services' getypt in het zoektekstvak. In de resultaten is de optie App Services onder Services gemarkeerd.

  2. Selecteer de naam van uw Azure-app.

    Schermopname van de App Services-lijst in Azure. De naam van de demo-app-service is gemarkeerd.

De overzichtspagina van uw web-app wordt weergegeven. Hier kunt u algemene beheertaken uitvoeren, zoals bladeren, stoppen, opnieuw starten en verwijderen.

Schermopname van de overzichtspagina van App Service in Azure Portal. Op de actiebalk zijn de knopgroepen Bladeren, Stoppen, Wisselen (uitgeschakeld), Opnieuw opstarten en Verwijderen gemarkeerd.

Het web-app-menu bevat een aantal opties voor het configureren van uw app.

5 - Resources opschonen

Wanneer u klaar bent met de voorbeeld-app, kunt u alle resources voor de app uit Azure verwijderen. Er worden geen extra kosten in rekening gebracht en uw Azure-abonnement wordt overzichtelijk. Als u de resourcegroep verwijdert, worden ook alle resources in de resourcegroep verwijderd. Dit is de snelste manier om alle Azure-resources voor uw app te verwijderen.

  1. Selecteer in uw App Service overzichtspagina de resourcegroep die u eerder hebt gemaakt.

  2. Selecteer resourcegroep verwijderen op de pagina resourcegroep. Bevestig de naam van de resourcegroep om het verwijderen van de resources te voltooien.

Azure App Service biedt een uiterst schaalbare webhostingservice met self-patchfunctie. In deze quickstart-zelfstudie ziet u hoe u een Java SE-app implementeert in Azure App Service in Windows met behulp van de Azure Portal. Als u een quickstart wilt volgen die wordt geïmplementeerd in Tomcat of JBoss EAP, selecteert u een van de bovenstaande Maven-opties.

In deze quickstart configureert u een App Service-app in de gratis laag en worden er geen kosten in rekening gebracht voor uw Azure-abonnement.

In deze snelstartgids ziet u hoe u deze wijzigingen kunt aanbrengen in uw browser, zonder dat u de ontwikkelomgevingsprogramma's op uw computer hoeft te installeren.

Schermopname van de voorbeeld-Java SE-app die wordt uitgevoerd in Azure, met 'Hallo wereld!'.

U kunt de onderstaande stappen volgen met behulp van een Mac-, Windows- of Linux-computer. Vanaf het moment dat de vereiste onderdelen zijn geïnstalleerd, duurt het ongeveer vijf minuten om de stappen uit te voeren.

Voor het voltooien van deze quickstart hebt u het volgende nodig:

  1. Een Azure-account met een actief abonnement. Gratis een account maken
  2. Een GitHub-account om een opslagplaats te splitsen.

1 - De voorbeeldopslagplaats splitsen

  1. Navigeer in uw browser naar de opslagplaats met de voorbeeldcode.

  2. Selecteer Fork in de rechterbovenhoek.

    Schermopname van de opslagplaats Azure-Samples/java-docs-spring-hello-world in GitHub, met de optie Fork gemarkeerd.

  3. Bevestig in het scherm Een nieuwe fork maken de velden Eigenaar en Naam van opslagplaats . Selecteer Fork maken.

    Schermopname van de pagina Een nieuwe fork maken in GitHub voor het maken van een nieuwe fork van Azure-Samples/java-docs-spring-hello-world.

    Notitie

    Hiermee gaat u naar de nieuwe fork. Uw fork-URL ziet er ongeveer als volgt uit: https://github.com/YOUR_GITHUB_ACCOUNT_NAME/java-docs-spring-hello-world

2 - Implementeren in Azure

  1. Meld u aan bij Azure Portal.

  2. Typ App Services in de zoekopdracht. Selecteer onder Servicesde optie App Services.

    Schermopname van de Azure Portal met 'app services' getypt in het zoektekstvak. In de resultaten is de optie App Services onder Services gemarkeerd.

  3. Selecteer Maken op de pagina App Services.

    Schermopname van de pagina App Services in de Azure Portal. De knop Maken op de actiebalk is gemarkeerd.

  4. Vul de pagina Web-app maken als volgt in.

  • Resourcegroep: maak een resourcegroep met de naam myResourceGroup.
  • Naam: typ een wereldwijd unieke naam voor uw web-app.
  • Publiceren: selecteer Code.
  • Runtimestack: Selecteer Java 11.
  • Java-webserverstack: selecteer Java SE (Embedded Web Server).
  • Besturingssysteem: selecteer Windows.
  • Regio: Selecteer een Azure-regio bij u in de buurt.
  • App Service plan: maak een App Service-plan met de naam myAppServicePlan.
  1. Als u de App Service-abonnementslaag wilt wijzigen, selecteert u Grootte wijzigen naast SKU en grootte.

  2. Selecteer in de specificatiekiezer op het tabblad Productie de optie P1V3. Selecteer de knop Toepassen onderaan de pagina.

    Schermopname van de specificatiekiezer voor de prijscategorieën App Service abonnement in de Azure Portal. Productie, P1V3 en Toepassen zijn gemarkeerd.

  3. Selecteer de sectie Implementatie . Selecteer onder GitHub Actions instellingen voor Continue implementatie de optie Inschakelen.

    Schermopname van de sectie Implementatie van de wizard Web-app maken in de Azure Portal. Implementatie - de tweede sectie - is gemarkeerd. Onder GitHub Actions instellingen is ook de optie Inschakelen van continue implementatie gemarkeerd.

  4. Selecteer in de sectie onder GitHub Actions details de volgende instellingen:

  • GitHub-account: meld u aan bij uw GitHub-account.
  • Organisatie: selecteer uw organisatie.
  • Opslagplaats: selecteer java-docs-spring-hello-world.
  • Vertakking: selecteer hoofd.
  1. Selecteer de knop Beoordelen en maken onderaan de pagina.

  2. Nadat de validatie is uitgevoerd, selecteert u de knop Maken onderaan de pagina. Hiermee maakt u een Azure-resourcegroep, een App Service-plan en een App Service.

  3. Nadat de resources zijn gemaakt, selecteert u Ga naar resource. Selecteer overzichts-URL> op de pagina App Service gemaakt.

    Schermopname van het overzicht van de App Service resource met de URL gemarkeerd.

De Java SE-voorbeeldcode wordt uitgevoerd in een Azure App Service Linux-web-app.

Schermopname van de voorbeeld-app die wordt uitgevoerd in Azure, met 'Hallo wereld!'.

Gefeliciteerd U hebt uw eerste Java-app geïmplementeerd voor App Service met behulp van de Azure Portal.

3 - Werk bij in GitHub en implementeer de code opnieuw

  1. Blader naar uw GitHub-fork van java-docs-spring-hello-world.

  2. Druk . op de pagina van de opslagplaats om Visual Studio Code in uw browser te starten.

    Notitie

    De URL verandert van GitHub.com in GitHub.dev. Deze functie werkt alleen met opslagplaatsen met bestanden. Dit werkt niet op lege opslagplaatsen.

    Schermopname van gevorkte GitHub-opslagplaats met een aantekening om op de punttoets te drukken.

  3. Navigeer naar src/main/java/com/example/demo/DemoApplication.java.

    Schermopname van Visual Studio Code in de browser, met src/main/java/com/example/demo/DemoApplication.java gemarkeerd in het deelvenster Explorer.

  4. Bewerk de sayHello-methode zodat 'Hallo Azure!' wordt weergegeven in plaats van 'Hallo wereld!'

    @RequestMapping("/")
    String sayHello() {
        return "Hello Azure!";
    }
    
  5. Selecteer in het deelvenster Broncodebeheer de knop Fasewijzigingen om de wijziging te fasen.

    Schermopname van Visual Studio Code in de browser, met de navigatiebronbeheer in de zijbalk gemarkeerd en vervolgens de knop Fasewijzigingen in het deelvenster Broncodebeheer gemarkeerd.

  6. Voer een doorvoerbericht in, zoals Hello Azure. Selecteer vervolgens Doorvoeren en pushen.

    Schermopname van Visual Studio Code in de browser, deelvenster Broncodebeheer met het doorvoerbericht 'Hallo Azure' en de knop Doorvoeren en pushen gemarkeerd.

  7. Wanneer de implementatie is voltooid, gaat u terug naar het browservenster dat is geopend tijdens de stap Bladeren naar de app en vernieuwt u de pagina.

    Schermopname van de bijgewerkte voorbeeld-app die wordt uitgevoerd in Azure, met 'Hallo Azure!'.

4 - Uw nieuwe Azure-app beheren

  1. Ga naar Azure Portal om de web-app te beheren die u hebt gemaakt. Zoek en selecteer App Services.

    Schermopname van de Azure Portal met 'app services' getypt in het zoektekstvak. In de resultaten is de optie App Services onder Services gemarkeerd.

  2. Selecteer de naam van uw Azure-app.

    Schermopname van de App Services-lijst in Azure. De naam van de demo-app-service is gemarkeerd.

De overzichtspagina van uw web-app wordt weergegeven. Hier kunt u algemene beheertaken uitvoeren, zoals bladeren, stoppen, opnieuw starten en verwijderen.

Schermopname van de overzichtspagina van App Service in Azure Portal. Op de actiebalk zijn de knopgroepen Bladeren, Stoppen, Wisselen (uitgeschakeld), Opnieuw opstarten en Verwijderen gemarkeerd.

Het web-app-menu bevat een aantal opties voor het configureren van uw app.

5 - Resources opschonen

Wanneer u klaar bent met de voorbeeld-app, kunt u alle resources voor de app uit Azure verwijderen. Er worden geen extra kosten in rekening gebracht en uw Azure-abonnement wordt overzichtelijk. Als u de resourcegroep verwijdert, worden ook alle resources in de resourcegroep verwijderd. Dit is de snelste manier om alle Azure-resources voor uw app te verwijderen.

  1. Selecteer in uw App Service overzichtspagina de resourcegroep die u eerder hebt gemaakt.

  2. Selecteer resourcegroep verwijderen op de pagina resourcegroep. Bevestig de naam van de resourcegroep om het verwijderen van de resources te voltooien.

Volgende stappen