Application Deployment On Azure Cloud Using Azure Web App Service

Introduction

App Service Web Apps lets you quickly build, deploy, and scale enterprise-grade web, mobile, and API apps running on any platform. Meet rigorous performance, scalability, security and compliance requirements while using a fully managed platform to perform infrastructure maintenance.

Open Your Azure portal

First you need to open your Microsoft azure account after that go to home and then select the subscription where you want to create azure web app.

Create Azure Web App

Select the azure app from resources then follow the steps that are necessary for the azure application Select a subscription to manage deployed resources and costs. Use resource groups like folders to organize and manage all your resources.

Application Deployment On Azure Cloud using Azure Web App Service

Create the Azure Resource Group

Now Select the Azure Subscription and create the Azure resource group.

Application Deployment On Azure Cloud using Azure Web App Service

Select the Name of Your Application

Select the Azure App Name and I am selecting my web app name is DOTNET-Auth-API

Application Deployment On Azure Cloud using Azure Web App Service

Select the Runtime Stack

After selecting the name and Recourse group now select the code version for your application and my application is using Microsoft Azure Asp.Net 6 so I am selecting .NET 6 Latest stable Version.

Application Deployment On Azure Cloud using Azure Web App Service

Select the Azure Region

After Selecting the Azure Code Runtime and then select the azure region where you want to deploy your application azure regions are very important for application cost and application deployment cost. So I am selecting Central US.

Application Deployment On Azure Cloud using Azure Web App Service

Create App Service Plan

An App Service plan defines a set of compute resources for a web app to run. These compute resources are analogous to the server farm in conventional web hosting. One or more apps can be configured to run on the same computing resources (or in the same App Service plan).

Application Deployment On Azure Cloud using Azure Web App Service

Select the pricing plan

Now Select the pricing Tier Dev/Test, Production, Isolated

Application Deployment On Azure Cloud using Azure Web App Service

Now our purpose of application is development and testing so we are selecting Dev/Test

Application Deployment On Azure Cloud using Azure Web App Service

Select the Recommended Pricing Tier

Here you can see the recommended pricing tier and we are selecting the BI Green

Application Deployment On Azure Cloud using Azure Web App Service

Select the Deployment Option

Enable GitHub Actions to continuously deploy your app. GitHub Actions is an automation framework that can build, test, and deploy your app whenever a new commit is made in your repository. If your code is in GitHub, choose your repository here and we will add a workflow file to automatically deploy your app to App Service. If your code is not in GitHub, go to the Deployment Center once the web app is created to set up your deployment.

Application Deployment On Azure Cloud using Azure Web App Service

Select the Net Working Options

Web Apps can be provisioned with the inbound address being public to the internet or isolated to an Azure virtual network. Web Apps can also be provisioned with outbound traffic able to reach endpoints in a virtual network, be governed by network security groups or affected by virtual network routes. By default, your app is open to the internet and cannot reach into a virtual network. These aspects can also be changed after the app is provisioned.

Application Deployment On Azure Cloud using Azure Web App Service

Select the Azure Monitoring Options

Azure Monitor application insights is an Application Performance Management (APM) service for developers and DevOps professionals. Enable it below to automatically monitor your application. It will detect performance anomalies, and includes powerful analytics tools to help you diagnose issues and to understand what users actually do with your app. 

Application Deployment On Azure Cloud using Azure Web App Service

Select the Tags Options

Tags are name/value pairs that enable you to categorize resources and view consolidated billing by applying the same tag to multiple resources and resource groups.

Note that if you create tags and then change resource settings on other tabs, your tags will be automatically updated.

Application Deployment On Azure Cloud using Azure Web App Service

Review and Create

Now Review all your Steps and Create the Azure App.

Application Deployment On Azure Cloud using Azure Web App Service

Now hit the create button and then Azure app creation process has will start.

Application Deployment On Azure Cloud using Azure Web App Service

You can see in the given below picture is application deployment process is in progress.

Application Deployment On Azure Cloud using Azure Web App Service

Now you can see that our deployment process succeeded and we can go to the Created resource.

Application Deployment On Azure Cloud using Azure Web App Service

Our Azure App Creation Process Has Been Done.

Application Deployment On Azure Cloud using Azure Web App Service

Now you need to hit the Azure App URL.

Application Deployment On Azure Cloud using Azure Web App Service

Application Status

Now you can see that our Application is Live on the Azure Cloud.

Application Deployment On Azure Cloud using Azure Web App Service

Get the publish profile

Now you need to download the publish profile for deployment of Asp.net core application using Visual Studio.

Application Deployment On Azure Cloud using Azure Web App Service

We have downloaded our Application Publish Profile.

Application Deployment On Azure Cloud using Azure Web App Service

Publish the App Using Visual Studio

Now we will open the visual studio and then open the Auth API Project after the Right click on project select the publish Option.

Application Deployment On Azure Cloud using Azure Web App Service

A new window will be visible in front of you and you can see that we have the option to Add Publish Profile. Click the button add publish profile.

Application Deployment On Azure Cloud using Azure Web App Service

Now you can see that we have the option for Import Profile and we will import the profile that we have downloaded from the Azure App Service portal. Click the Import Profile Option.

Application Deployment On Azure Cloud using Azure Web App Service

Browse the file for Azure App Publish Profile where you have saved the file.

Application Deployment On Azure Cloud using Azure Web App Service

Select the Publish Profile

I have selected the file from the downloads folder now click the finish button after some processing visual studio will get the all information the azure portal for our Azure App.

Application Deployment On Azure Cloud using Azure Web App Service

Now you can see that visual studio get all the information about our Azure App you can see the URL of our application.

Application Deployment On Azure Cloud using Azure Web App Service

Now Hit the Publish Button after that publishing of our application on azure cloud has been started.

Application Deployment On Azure Cloud using Azure Web App Service

Deployment Status

Our Publication on Azure Cloud has been done. You can see the publication status is successful.

Application Deployment On Azure Cloud using Azure Web App Service

Application Deployed on Azure Cloud

Now hit the URL Of Azure App after URL just write URL OF YOUR APPLICATION/Swagger. You can see that our all APIS are now Live on Azure Cloud using Azure App service.

Application Deployment On Azure Cloud using Azure Web App Service