Unlocking the Power of Azure App Service: A Comprehensive Guide for Developers

Kathiravan Thangavel
Sep 27, 2024
10
mins read

Azure App service is a fully managed Platform-as-a-service (PaaS) provided by Microsoft Azure.

It allows developers to easily build and deploy Web and API applications without worrying about the underlying infrastructure. It supports multiple programming languages and frameworks. It includes .NET, Java, Node.js, Python, and PHP.

Key Features

  • Scalability: It can be easily scaled up and down based on the demand.
  • Deployment slots: We can use a staging environment also inside the deployment slots, and we can swap the slots inside the deployment slots.
  • Monitoring and diagnostics: We can monitor application performance and health using the built-in monitoring and diagnostics tool.
  • Integration: Easily integrated with other Azure services like Azure SQL Database, Azure Active Directory, and Azure Storage.
  • DevOps integration: It can be easily integrated with Azure DevOps and other CI/CD tools for continuous integration and deployment.

Creating a web application in the Azure app service for deploying .NET 8 web applications.

  1. Login to the Azure portal
  2. Create a resource Group
  3. Create an Azure App service plan

Azure App Service Plan

The Azure app service plan is a basic component of the Azure app service platform which provides the necessary infrastructure resources to run web applications, APIs and Mobile backends. It defines the computer resources, such as CPU, memory, and storage, allocated to host and scale applications within the Azure environment.

Pricing

Azure App Service plans come with different pricing tiers to accommodate various performance and budget requirements. Pricing is typically based on factors such as resource allocation, region, and additional features like deployment slots and custom domains.

Creating Azure App Service Plan

Azure marketplace

In the Azure portal, you can follow the steps below to create a new app service plan.

  • Search >> Azure app service plan
  • Click on Create to create a new app service plan.

Different applications may require specific operating systems to run properly. For example, .NET applications might require Windows, while Node.js or Python applications might work well on Linux. Choosing the appropriate OS ensures that your application can run without compatibility issues.

Select the Region and Pricing Plan

 

App Service plan pricing tier determines the location, features, cost and computer resources associated with your app.

Azure App Service Plan

  • Select   >> subscription >> Resource group
  • Name the app service plan and select OS
  • Select the Pricing plan size
  • Click review and create app >> Azure app service plan will get created.

Azure Deployment

After creating an Azure app service plan, we need to create an Azure App service inside the app service plan. Every app service we are creating will get created inside the Azure app service plan. A single app service plan may contain multiple Azure app services.

Create App Service

Azure create app service

In the Azure portal, search for App services >> click Web App.

Azure create web app


  • Select the subscription, Resource Group  
  • Provide a name for the app service. The name should be unique
  • Select Publish.  Code (or) Docker Container (or) Static Web App
  • Select runtime (.NET, Node, PHP, Python, JAVA)
  • Select a region to deploy.
  • In Pricing Plan Select the Azure app service plan we have created.

Azure web app region

Azure web app database

We can also select Database if we need to.

Azure web app deployment

Select the deployment steps as per our needs. Here we are only enabling basic authentication.

Azure web app networking

In the Networking section, select the options in both Enable public access and Enable network injection.

Azure web app monitoring

In the Monitoring section, allow Enable Application insights. It will create a monitoring insight and start monitoring the application performance.

Azure web app review+create

After all the steps have been completed, we can review the configurations and click on Create.  Now, the app service will be created.

Azure demo app

This is the overview page of the Azure app service we have created. On this page, we can see the default domain; there is a URL. Click on the URL. This is the default page of the Azure app service that we have created.

Azure overview page

This will be the default web page, and we can publish our code inside the web app by various methods.

Using Visual Studio, create a project .NET 8 project. There are some sample projects available in a visual studio.

Azure Visual Studio

Publish the sample project to the web app by creating a publish profile. Add a publish profile. Right-click>> project name >> click publish.

Azure Publish profile

Select Azure to deploy our project in the Azure environment.

Azure Publish deploy

Select Azure App Service (windows).

Azure App Service (windows)

Select the appropriate resource group >> app service. The Publish Profile has been created successfully.

Azure Resource group

Click >> Publish to deploy the source code inside the web app.

Azure source code

The Web app has been deployed successfully after making some changes in .NET code. We can develop our project as per our needs and save those changes and we can deploy it inside the azure app service. The deployment is made easier in this way we don’t need to manage any underlying architecture. Done some changes in index.html file.

Azure web app .NET code

Then Publish to the same profile.

Azure web app .NET code publish

Go to the overview page of the Azure web app. Copy the URL and paste it into the browser.

home page of the Azure web app

Overall, Azure App Service simplifies the process of deploying and managing web applications, allowing developers to focus more on building great software and less on managing infrastructure.

Share :

Join the conversation

Other blogs

Cybersecurity: The Modern-Day Reality

Today's world is an e-generation where everything-from banking to shopping-is done online. Very little exists in our life without tech, and with this trend of humans relying on the net, the cyber threat is a high chance. This blog will learn what cybersecurity is, what various threats exist today, and how we can protect ourselves in the modern world.

Unlock Your Productivity Potential with DevExpress: The Unparalleled Developer Tool

DevExpress is a suite of fully integrated and feature-rich developer tools designed to make sure your desktop, web, and mobile applications have the best user experience and deliver outstanding solutions in the shortest possible time.

Challenges and the Future of Gen AI

Artificial intelligence is fast approaching a tipping point— ushering in the era of the emergence of General Artificial Intelligence, variously known as Gen AI. Its stronger potential for transforming most areas of human society, from health to transport, education, and entertainment, is indeed huge.

September 27, 2024
|
10
mins

Unlocking the Power of Azure App Service: A Comprehensive Guide for Developers

Kathiravan Thangavel

Azure App service is a fully managed Platform-as-a-service (PaaS) provided by Microsoft Azure.

It allows developers to easily build and deploy Web and API applications without worrying about the underlying infrastructure. It supports multiple programming languages and frameworks. It includes .NET, Java, Node.js, Python, and PHP.

Key Features

  • Scalability: It can be easily scaled up and down based on the demand.
  • Deployment slots: We can use a staging environment also inside the deployment slots, and we can swap the slots inside the deployment slots.
  • Monitoring and diagnostics: We can monitor application performance and health using the built-in monitoring and diagnostics tool.
  • Integration: Easily integrated with other Azure services like Azure SQL Database, Azure Active Directory, and Azure Storage.
  • DevOps integration: It can be easily integrated with Azure DevOps and other CI/CD tools for continuous integration and deployment.

Creating a web application in the Azure app service for deploying .NET 8 web applications.

  1. Login to the Azure portal
  2. Create a resource Group
  3. Create an Azure App service plan

Azure App Service Plan

The Azure app service plan is a basic component of the Azure app service platform which provides the necessary infrastructure resources to run web applications, APIs and Mobile backends. It defines the computer resources, such as CPU, memory, and storage, allocated to host and scale applications within the Azure environment.

Pricing

Azure App Service plans come with different pricing tiers to accommodate various performance and budget requirements. Pricing is typically based on factors such as resource allocation, region, and additional features like deployment slots and custom domains.

Creating Azure App Service Plan

Azure marketplace

In the Azure portal, you can follow the steps below to create a new app service plan.

  • Search >> Azure app service plan
  • Click on Create to create a new app service plan.

Different applications may require specific operating systems to run properly. For example, .NET applications might require Windows, while Node.js or Python applications might work well on Linux. Choosing the appropriate OS ensures that your application can run without compatibility issues.

Select the Region and Pricing Plan

 

App Service plan pricing tier determines the location, features, cost and computer resources associated with your app.

Azure App Service Plan

  • Select   >> subscription >> Resource group
  • Name the app service plan and select OS
  • Select the Pricing plan size
  • Click review and create app >> Azure app service plan will get created.

Azure Deployment

After creating an Azure app service plan, we need to create an Azure App service inside the app service plan. Every app service we are creating will get created inside the Azure app service plan. A single app service plan may contain multiple Azure app services.

Create App Service

Azure create app service

In the Azure portal, search for App services >> click Web App.

Azure create web app


  • Select the subscription, Resource Group  
  • Provide a name for the app service. The name should be unique
  • Select Publish.  Code (or) Docker Container (or) Static Web App
  • Select runtime (.NET, Node, PHP, Python, JAVA)
  • Select a region to deploy.
  • In Pricing Plan Select the Azure app service plan we have created.

Azure web app region

Azure web app database

We can also select Database if we need to.

Azure web app deployment

Select the deployment steps as per our needs. Here we are only enabling basic authentication.

Azure web app networking

In the Networking section, select the options in both Enable public access and Enable network injection.

Azure web app monitoring

In the Monitoring section, allow Enable Application insights. It will create a monitoring insight and start monitoring the application performance.

Azure web app review+create

After all the steps have been completed, we can review the configurations and click on Create.  Now, the app service will be created.

Azure demo app

This is the overview page of the Azure app service we have created. On this page, we can see the default domain; there is a URL. Click on the URL. This is the default page of the Azure app service that we have created.

Azure overview page

This will be the default web page, and we can publish our code inside the web app by various methods.

Using Visual Studio, create a project .NET 8 project. There are some sample projects available in a visual studio.

Azure Visual Studio

Publish the sample project to the web app by creating a publish profile. Add a publish profile. Right-click>> project name >> click publish.

Azure Publish profile

Select Azure to deploy our project in the Azure environment.

Azure Publish deploy

Select Azure App Service (windows).

Azure App Service (windows)

Select the appropriate resource group >> app service. The Publish Profile has been created successfully.

Azure Resource group

Click >> Publish to deploy the source code inside the web app.

Azure source code

The Web app has been deployed successfully after making some changes in .NET code. We can develop our project as per our needs and save those changes and we can deploy it inside the azure app service. The deployment is made easier in this way we don’t need to manage any underlying architecture. Done some changes in index.html file.

Azure web app .NET code

Then Publish to the same profile.

Azure web app .NET code publish

Go to the overview page of the Azure web app. Copy the URL and paste it into the browser.

home page of the Azure web app

Overall, Azure App Service simplifies the process of deploying and managing web applications, allowing developers to focus more on building great software and less on managing infrastructure.

Other BLOGS