How to Create an Azure App Using the Azure Cloud Portal
Tags: webdev, programming, javascript, devops
Published: 2023-03-30 16:16:05

## 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.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6d0xweu80cl4346ne4x8.png)
## Create the Azure Resource Group.
Now Select the Azure Subscription and create the Azure resource group.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k28smcj2bxbvdfe4afe8.png)
## Select the Name of Your Application
Select the Azure App Name and I am selecting my web app name is DOTNET-Auth-API

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4nmtmunu84ssejzk85xq.png)
## 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.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k88oby3d0g0cs4qcghst.png)
## 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.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z6n3x9bko5vjw95jjgzm.png)
## 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).


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xpa1nuv6ztraduu1qicr.png)
## Select the pricing plan.
Now Select the pricing Tier Dev/Test, Production, Isolated

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f683544gljsgwngg9h6q.png)
Now our purpose of application is development and testing so we are selecting Dev/Test

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b0icxgf6ch1dcms8bz8x.png)
## Select the Recommended Pricing Tier
Here you can see the recommended pricing tier and we are selecting the BI Green


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iruq9hq6aaftcqpdglb6.png)
## 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.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8c92gbtkus7i1s3onypi.png)
## 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.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5z4lmbls1t85y8imnzbp.png)
## 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. 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oso43k361lmwpwoxr9cn.png)

## 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.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y3qqrpanqr6s4h5alpxd.png)
## Review and Create
Now Review all your Steps and Create the Azure App.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/36k90k8gfoyn9u9x02c3.png)
Now hit the  create button and then Azure app creation process has will start. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/40m8hyiuulqb3acyx3ib.png)
You can see in the given below picture is application deployment process is in progress. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kt6wi963w9odwbfu8koh.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lz3gdu1p0m8jiab08ago.png)
Now you can see that our deployment process succeeded and we can go to the Created resource. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bc9qu1evpnop7tr8vr6u.png)
## Our Azure App Creation Process Has Been Done.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1j1k7iu1fthmmy6xr6fg.png)
Now you need to hit the Azure App URL. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0edlwgeijz36ys0in25y.png)
## Application Status
Now You Can See that Our Application is Live on the Azure Cloud.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tsekwz6cnpkskaqbh9s2.png)