Home Design Azure App Service Web App
Post
Cancel

Design Azure App Service Web App

Azure Web App provides a managed service for hosting your web applications and APIs with infrastructure services such as security, load balancing, and scaling provided as part of the service. Additionally, it has integrated DevOps experience from code repositories and from Docker image repositories. You pay for computing resources according to your App Service Plan and scale settings.

Define and manage App Service plans

An App Service plan defines the supported feature set and capacity of a group of virtual machine resources that are hosting one or more web apps, logic apps, mobile apps, or API apps.

Each App Service plan is configured with a pricing tier. There are four pricing tiers available: Free, Shared, Basic, and Standard). An App Service plan is unique to the region, resource group, and subscription.

Creating a new App Service plan

To create a new App Service plan, follow these steps:

  1. In the Azure portal, click on +Create a resource, search for App Service Plan and click Create.
  2. On the New App Service Plan blade, provide an App service plan name, subscription, resource group, operating system, location, and pricing tier.
  3. Click Create.
Create a new App Service plan

Create a new App Service plan

Creating a new Web App

To create a new Web App, follow these steps:

  1. In the Azure portal, click on +Create a resource, search for Web App and click Create.
  2. On the Web App blade, provide an App name, subscription, resource group, OS, and  App Service plan. You can take either the previously created one or create a new one.
  3. Click Create.
Create a new Web App

Create a new Web App

Review App Service plan settings

After you have created a new App Service plan, you can change the settings, following these steps:

  1. In the Azure portal, open your App Service plans. There you can see all your App Service plans, the number of apps deployed for each plan and its pricing tier.
An overview of my App Service plans

An overview of my App Service plans

  1. Click on your App Service plan to manage its settings.
  2. You can scale up or scale out your Service plan or you can integrate a VNET.

Configure Web App settings

You can configure the following groups of settings for your Web App application:

  • Load balancing
  • IIS related settings
  • App settings and connection strings
  • Slot management
  • Debugging
  • Application type and library versions

Configure Web App settings in the Azure Portal

To manage your Web App settings, follow these steps:

  1. In the Azure portal, open the Webb App, you want to configure and select Application settings under the Settings menu.
  2. On the Application settings, you can choose the following settings:
    • Select language support for .NET, PHP, Python, or Java and set the desired version of the language.
    • Choose between a 32 or 64 bit runtime environment.
    • Enable or disable web sockets.
    • Enable Always On. This configures that the web application will be kept in the memory all the time. Therefore the load time for the next request is reduced.
    • Chose the type of pipeline for IIS. Integrated is the more modern pipeline and Classic would only be used for legacy applications.
Change the language and runtime settings of your application

Change the language and runtime settings of your application

  1. Turn on ARR Affinity to enable sticky sessions. Sticky session means that a user will always be routed to the same host machine. The downside of sticky sessions is that the performance might be lower.
ARR Affinity settings

ARR Affinity settings

  1. When you first create your web app, the auto swap settings are disabled. You must first create a new slot and from the slow, you may configure auto swap to another slot.
  2. The next setting is a really cool one, remote debugging. Enable remote debugging if you run into situations where deployed applications are not functioning as expected. Remote debugging can be enabled for Visual Studio 2012 – 2017.
Remote debugging

Remote debugging

  1. The application settings override any settings with the same name from your application. The connection strings override the matching ones from your application as well. The value of the connection string is hidden unless you click on it.
Application and connection settings

Application and connection settings

Configure Web App certificates and custom domains

When you first create your web app, it is accessible through yourwebappname.azurewebsites.net. To map to a more user-friendly domain, you must set up a custom domain name.

If you use HTTPS, you need to utilize an SSL certificate. You can use your SSL certificate with your web app in one of two ways:

  1. You can use the built-in wildcard SSL certificate that is associated with the *.azurewebsites.net domain.
  2. More commonly you use a certificate you can purchase for your custom domain from a third-party authority.

Mapping custom domain names

The mapping is captured in domain name system (DNS) records that are maintained by your domain registrar. Two types of DNS records effectively express this purpose:

  1. A records (address records) map your domain name to the UP address of your website.
  2. CNAME records (alias records) map a subdomain of your custom domain name to the canonical name of your website,

CNAME records enable you to map only subdomains.

Configuring a custom domain

You need to access your domain registrar setup for the domain while also editing the configuration for your web app in the Azure portal. Note that custom domain names are not supported by the Free App service plan pricing tier.

To configure a custom domain, follow these steps:

  1. In the Azure portal, go to your Web App and select Custom domains under the Settings menu. Custom domains are not available on the Free pricing tier.
  2. On the Custom domains blade, click on +Add hostname and enter your Hostname. Then choose if you want to set up an A record or CNAME record.
Add a hostname for your custom domain

Add a hostname for your custom domain

  1. To set up an A record, select A Record and follow the instruction in the blade. The instructions are:
    • First add a TXT record at your domain name registrar, pointing to the default Azure domain for your web app, to verify you own the domain name. The new TXT record should point to yourwebappname.azurewebsites.net.
    • Additionally, add an A record pointing to the IP address shown on the blade, for your web app.
  2. To set up a CNAME record, select CNAME Record and follow the instruction in the blade. The instructions are:
    • If using a CNAME record, following the instructions provided by your domain name registrar, add a new CNAME record with the name of the subdomain, and for the value, specify your web app’s default Azure domain with yourwebappname.azurewebsites.net.
  3. Save your DNS changes. Note that it may take up to 48 hours to propagate the changes across DNS.
  4. Click Add Hostname again to configure your custom domain. Enter the domain name and select Validate again. If validation passed, select Add Hostname to complete the assignment.

Configure SSL certificates

To configure SSL certificates for your custom domain, you need to have access to an SSL certificate that includes your custom domain name, including the CNAME if it is not a wildcard certificate.

To assign an SSL certificate, follow these steps:

  1. In the Azure portal, go to your Web App and select SSL Configuration under the Settings menu.
  2. On the SSL settings blade, import an existing certificate, or upload a new one.
  3. Select Add Binding to set up the correct binding. You can set up binding that point at your naked domain (programmingwithwolfgang.com), or to a particular CNAME (www.programmingwithwolfgang.com), as long as the certificate supports it.
  4. Select ServerName Indication (SNI) or IP Based SSL as SSL Type.

Manage Web Apps by using the API, Azure PowerShell, and Xplat-CLI

Additionally, to managing your Web App in the Azure portal, programmatic or script-based access is available.

The following options are available:

Configuration Method Description
Azure Resource Manager (ARM) Azure Resource Manager provides a consistent management layer for the management tasks you can perform using PowerShell, Azure CLI, Azure portal, REST API, and other development tools.
REST API The REST API enables you to deploy and manage Azure infrastructure resources using HTTP request and JSON payloads.
PowerShell PowerShell provides cmdlets for interacting with ARM to manage infrastructure resources. The PowerShell modules can be installed to Windows, macOS, or Linux.
Azure CL Azure CLI (also known as XplatCLI) is a command line experience for managing Azure resources. This is an open source SDK that works on Windows, macOS, and Linux platforms to create, manage, and monitor web apps.

Implement diagnostics, monitoring, and analytics

Without diagnostics, monitoring, and analytics, you can’t effectively investigate the cause of a failure, nor can you proactively prevent potential problems before your users experience them. Web Apps provide multiple forms of logs, features for monitoring availability and automatically sending an email alert when the availability crosses a threshold, features for monitoring your web app resource usage, and integration with Azure Analytics via Application Insights.

App Services are also governed by quotas depending on the App Service plan you have chosen. Free and Shared apps have CPU, memory, bandwidth, and file system quotas. When reached, the web app no longer runs until the next cycle, or the App Service plan is changed. Basic, Standard, and Premium App Services are only limited by file system quotas based on the SKU size selected for the host.

Configure diagnostic logs

There are five different types of logs:

Log Description
Event Log The Event logs are equivalent to the Windows Event Log on a Windows Server. It is useful for capturing unhandled exceptions. Only one XML file is created per web app.
Web server logs Web server logs are textual files that create a text entry for each HTTP request to the web app.
Detailed error message logs These HTML flies are generated by the web server and log the error messages for failed requests that result in an HTTP status code of 400 or higher. One error message is captured per HTML file.
Failed request tracing logs Additionally to the error message, the stack trace that led to a failed HTTP request is captured in these XML documents that are present with an XSL style sheet for in-browser consumption. One failed request trace is captured per XML file.
Application diagnostic logs These text-based trace logs are created by web application code in a manner specific to the platform the application is built in using logging or tracing utilities.

To enable these diagnostic settings, follow these steps:

  1. In the Azure portal, open your Webb App and click Diagnostic logs under the Monitoring menu.
  2. On the Diagnostics logs blade, enable your desired logs.
  3. If you enabled Application Logging, you have to provide a storage account.
  4. If you enabled Web server logging, you have to provide either a storage account or you can log to the file system.
  5. Click Save.
Configure logging for your Web App application

Configure logging for your Web App application

  1. If you enabled Application Logging or Web server logging to the file system, you can see the logs as a stream by clicking on Log stream under the Monitoring blade.
Application log stream

Application log stream

Configure endpoint monitoring

You can monitor many different resources such as:

  • Average Response Time
  • CPU Time
  • HTTP 2xx
  • Data In
  • Data Out
  • HTTP 3xx
  • HTTP 4xx
  • Requests
  • HTTP Server Errors

To customize the shown metrics, follow these steps:

  1. In the Azure portal, open your Webb App and click on one of the graphs on the Overview blade.
  2. On the Metrics blade, add or remove all metrics, you want to display on the graph.
  3. Enter a title, select a chart type and set a time range.
Customize the metrics graph

Customize the metrics graph

  1. Additionally, you can set an alarm, so you get an email when a certain threshold is reached, for example, 90% CPU usage.
  2. Click Save and close.

Design and configure a Web App for scale and resilience

App Services can scale up and down by adjusting the instance size and scale out or in by changing the number of instances serving requests. Scaling can be configured to be automatic. The advantage of automatic scaling up or out is that at peaks the resources are increased. As a result, your customers don’t experience any problems with the performance. During less busy hours, scaling down or helps you to save costs.

Additionally, to scaling within the same datacenter, you can also scale a web app by deploying to multiple regions around the globe and then utilizing Microsoft Azure Traffic Manager to direct web app traffic to the appropriate region based on a round-robin strategy or according to performance. Alternately, you can configure Traffic Manager to use alternate regions as targets for failover if the primary region becomes unavailable.

Configure scaling

To configure scaling for your web app, follow these steps.

  1. In the Azure portal, open your Service Plan and click Scale up under the Settings blade.
  2. On the Scale up blade, select your desired pricing tier and click Apply.
  3. Select Scale out under the Settings blade and select the desired instance count to scale out to.
Configure scaling out

Configure scaling out

  1. If you select Enable autoscale, you can create conditions based on metrics and rules in order for the site to automatically scale out or in.

Conclusion

This post talked about how App Service is created and how the settings can be changed. Then, I showed that you can configure your Web App directly in the Azure portal and that you can override the settings from your application can be overridden.

Next, I showed how to apply a custom domain and an SSL certificate to your Web App. Note that certificates and custom domains are not supported by the Free pricing tier.

After the custom domain and SSL was configured, I showed how to enable various logs and how to customize the monitoring graphs to give you exactly the information you need.

The last section talked about scaling out or up to increase the used resources and scaling in or down to save costs during less busy hours.

For more information about the 70-532 exam get the Exam Ref book from Microsoft and continue reading my blog posts. I am covering all topics needed to pass the exam. You can find an overview of all posts related to the 70-532 exam here.

This post is licensed under CC BY 4.0 by the author.

Implement Azure Search

Design Azure App Service API Apps

Comments powered by Disqus.