Oefening: app-implementaties beheren vanuit IntelliJ IDE

  • 10 minuten

In de vorige les hebt u geleerd dat u met Azure Explorer in de Azure-toolkit voor IntelliJ Azure-web-apps kunt beheren en configureren. In deze oefening ziet u hoe u Azure Explorer gebruikt om logboeken te streamen vanuit uw web-app in Azure App Service in IntelliJ IDEA.

Vervolgens wijzigt u de web-app met behulp van Azure Explorer om een paar eigenschappen toe te voegen aan de configuratie. U wijzigt de web-app om de waarde van deze eigenschappen te lezen en te gebruiken in de logica van de web-app. Vervolgens implementeert u de web-app opnieuw en controleert u of deze werkt zoals verwacht.

De app bewaken met logboekstreaming

  1. Selecteer in IntelliJ IDEA, op het menu Weergave, de optie Hulpprogrammavensters en selecteer vervolgens Azure Explorer.

  2. In het venster Azure Explorer, vouw Web Appsuit, klik met de rechtermuisknop op uw web-app en selecteer Streaminglogboeken starten.

    Schermopname van het contextmenu voor de web-app in het Venster Azure Explorer.

  3. Je ziet de logboeken over een paar seconden verschijnen. U hebt toegang tot de web-app om enkele logboeken te genereren.

    schermopname van de webbrowser met het HTTP 403-bericht.

  4. Als u wilt stoppen met het streamen van logboeken, klikt u met de rechtermuisknop op uw webapp en selecteert u Streaminglogboeken stoppen.

Configuratie-eigenschappen toevoegen aan de web-app

  1. Klik in het venster Azure Explorer met de rechtermuisknop op de web-app en selecteer Eigenschappen weergeven. Het eigenschappenvenster voor de web-app moet worden weergegeven:

    Schermopname van het eigenschappenvenster voor de web-app.

  2. Selecteer in het eigenschappenvenster het pictogram toevoegen om een nieuwe eigenschapssleutel en -waarde toe te voegen.

  3. Voer in de kolom Name van de nieuwe eigenschap de naam Delayin.

  4. Typ de waarde 2in de kolom Waarde voor de eigenschap en druk vervolgens op Enter.

  5. Selecteer in het eigenschappenvenster het pictogram toevoegen opnieuw.

  6. Voeg nog een eigenschap toe met de naam Iteraties, met de waarde 10.

    Schermopname van het eigenschappenvenster voor de web-app met de nieuwe eigenschappen en waarden.

  7. Selecteer opslaan.

De web-app wijzigen om de eigenschappen te gebruiken

  1. Dubbelklik in het venster Projectverkenner op de index.jsp om het opnieuw te openen.

  2. Werk in de sectie <body> van de code voor de webpagina de code bij zoals hier wordt weergegeven:

    <body>
    <%! int delayms = Integer.valueOf(System.getenv("Delay")) * 1000;
        int iterations = Integer.valueOf(System.getenv("Iterations"));
        DateFormat fmt = new SimpleDateFormat("dd/MM/yy HH:mm:ss"); %>
    <%  for (int i = 0; i < iterations; i++) {
        Thread.sleep(delayms); %>
        <p>Today's date is <%= fmt.format(new Date()) %></p>
    <% } %>
    <p>Your IP address is <%= request.getRemoteAddr() %></p>
</body>

    Deze code leest de waarden van beide eigenschappen, die worden weergegeven als omgevingsvariabelen voor de web-app-runtime. De code geeft de datum en tijd weer op intervallen van vertraging seconden, waarbij iteraties tijden worden herhaald.

    Notitie

    In dit voorbeeld wordt de code synchroon uitgevoerd wanneer de uitvoer wordt gegenereerd. Dit betekent dat het maximaal 20 seconden kan duren voordat de pagina wordt weergegeven.

  3. Selecteer in het menu Bestand de optie Alles opslaan.

  4. Klik in het venster Projectverkenner met de rechtermuisknop op uw web-app, selecteer Azureen selecteer vervolgens Implementeren in Azure Web Apps.

  5. In het venster Web-app implementeren accepteer de standaardinstellingen en selecteer vervolgens Uitvoeren. Met deze actie wordt de bestaande web-app overschreven met de nieuwe versie.

  6. Wacht in het venster Azure-activiteitenlogboek totdat de voortgangskolom aangeeft dat de webapplicatie succesvol is geïmplementeerd.

  7. Selecteer de koppeling Gepubliceerd in het venster Azure-activiteitenlogboek. Er wordt een nieuw browservenster geopend. Na 20 seconden worden de berichten met een interval van twee seconden weergegeven, gevolgd door het IP-adres van de clientcomputer.

    Schermopname van de webbrowser waarop de nieuwe versie van de web-app wordt uitgevoerd.

    Notitie

    Als u probeert naar uw website te bladeren terwijl deze nog wordt gepubliceerd, ziet u een HTTP 403-fout. Als dat gebeurt, wacht u een paar seconden en vernieuwt u de webbrowser.

  8. Laat het browservenster open en ga terug naar IntelliJ IDEA.

  9. Klik in het venster Azure Explorer met de rechtermuisknop op de web-app en selecteer Eigenschappen weergeven.

  10. Selecteer in het eigenschappenvenster de eigenschap Delay en dubbelklik in het veld Value om deze te bewerken. Wijzig de waarde in 1.

  11. Selecteer de eigenschap Iteraties en wijzig de waarde in 5.

  12. Selecteer opslaan.

  13. Ga terug naar de webbrowser en vernieuw de weergave. Deze keer wordt op de pagina de tijd met intervallen van één seconde weergegeven, slechts vijf keer herhaald. U ziet dat u de web-app niet opnieuw hoeft te implementeren.

    schermopname van de webbrowser waarop de gewijzigde versie van de web-app wordt uitgevoerd.

Belangrijk

Als u de web-app verwijdert met behulp van de Azure-toolkit voor IntelliJ, wordt het App Service-plan niet verwijderd, maar u kunt het plan verwijderen met behulp van Azure Portal. Hiervoor gaat u naar de juiste resourcegroep, selecteert u het App Service-plan en klikt u op Verwijderen, zoals wordt weergegeven in de volgende afbeelding:

schermopname van Azure Portal. De gebruiker verwijdert het App Service-plan.