Exercise - Manage app deployments from IntelliJ IDE
In the previous unit, you learned that the Azure Explorer in the Azure Toolkit for IntelliJ allows you to manage and configure Azure web apps. In this exercise, you'll see how to use Azure Explorer to stream logs from your web app in Azure App Service within IntelliJ IDEA.
Next, you'll modify the web app by using Azure Explorer to add a pair of properties to the configuration. You'll modify the web app to read the value of these properties and use them in the web app logic. You'll then redeploy the web app and verify that it functions as expected.
Monitor the app with log streaming
In IntelliJ IDEA, on the View menu, select Tool windows and then select Azure Explorer.
In the Azure Explorer window, expand Web Apps, right-click your web app, then select Start Streaming Logs.
You'll see logs showing up in a few seconds. You can access the web app to generate some logs.
To stop steaming logs, right-click your web app and select Stop Streaming Logs.
Add configuration properties to the web app
In the Azure Explorer window, right-click the web app, then select Show Properties. The properties window for the web app should appear:
In the properties window, select the Add icon to add a new property key and value.
In the Name column of the new property, enter the name Delay.
In the Value column for the property, type the value 2, then press Enter.
In the properties window, select the Add icon again.
Add another property named Iterations, with the value 10.
Select Save.
Modify the web app to use the properties
In the Project Explorer window, double-click the index.jsp to reopen it.
In the
<body>section of the code for the web page, update the code as shown here:<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>This code reads the values of both properties, which are exposed as environment variables for the web app runtime. The code displays the date and time at Delay seconds intervals, looping Iterations times.
Note
In this example, the code runs synchronously when it generates the output. This means it can take up to 20 seconds for the page to appear.
On the File menu, select Save All.
In the Project Explorer window, right-click your web app, select Azure, then select Deploy to Azure Web Apps.
In the Deploy Web App window, accept the default settings, then select Run. This action overwrites the existing web app with the new version.
In the Azure Activity Log window, wait until the progress column indicates that the web app has been successfully deployed.
Select the Published link in the Azure Activity Log window. A new browser window opens. After 20 seconds, the messages displaying the time at two-second intervals will appear, followed by the client computer's IP address.
Note
If you attempt to browse to your website while it's still being published, you'll see an HTTP 403 error. If that happens, wait a few seconds and refresh your web browser.
Leave the browser window open and return to IntelliJ IDEA.
In the Azure Explorer window, right-click the web app, then select Show Properties.
In the properties window, select the Delay property, double-click in the Value field to edit it. Change the value to 1.
Select the Iterations property and change the value to 5.
Select Save.
Switch back to the web browser and refresh the display. This time, the page will display the time at one-second intervals, repeated only five times. Notice that you didn't need to redeploy the web app.
Important
Deleting the web app using the Azure Toolkit for IntelliJ doesn't delete the app service plan, but you can remove the plan using the Azure portal. To do so, navigate to the appropriate resource group, select the app service plan, and then click Delete, as shown in the following image:
