Deploy Web App In Microsoft Azure

For deploying  an Asp.Net Core Web App in Microsoft Azure below are the prerequisites:
 
Prerequisites
  • Microsoft Azure Account
  • IDE: VS 2019
  • Basic knowledge on ASP.Next web application development

Introduction

 
Microsoft Azure is cloud computing service, as we know it provides service for PSI, where PSI stands for:
  • P – Platform
  • S – Software
  • I – Infrastructure 
Traditionally, when we want to deploy a web app, we need to take care of security, scalability, and performance in production server.
 
Now developers can hand over these responsibilities to cloud computing service(s); in our case Microsoft Azure.
 
For this we will make use of “App Services”.
 
Log in to your Azure account and click on “App Services”on the dashboard. 
 
Click on Create a resource
 
Deploy Web App In Microsoft Azure
 
Click on “Web App”
 
Deploy Web App In Microsoft Azure
 
Fill the Project details
 
Deploy Web App In Microsoft Azure
 
Click on “Next: Monitoring” which will redirect the monitoring page.
 
Deploy Web App In Microsoft Azure
 
Click “Next: Tags” which will redirect Tag page. You will find information about tag/vaule on the same page.
 
Deploy Web App In Microsoft Azure
 
After this click on “Next: Review + Create”. And review the summary and click on Create.
 
Deploy Web App In Microsoft Azure
 
Click on “Create.” Space for deploying your app will be ready for you in the cloud with 1 GB space for free account.
 
Deploy Web App In Microsoft Azure
 
Now switch to VS 2019. In VS 2019: Click on Create new project
 
Deploy Web App In Microsoft Azure
 
Select ASP .NET Core Web Application and create “Next”
 
Deploy Web App In Microsoft Azure
 
After clicking Next, click on Create.
 
Deploy Web App In Microsoft Azure
 
Check the below things and click on “Create.”
 
Deploy Web App In Microsoft Azure
 
After that a web application will be created for you. Go to index.html page and edit the content if you want. For instance I changed “Welcome to my First Cloud APP”
 
Deploy Web App In Microsoft Azure
 
After that sign in to VS 2019 to connect to your Azure Account. After signing in you will see your name on the top right corner of IDE.
 
Deploy Web App In Microsoft Azure
 
Build and run the application.
 
Deploy Web App In Microsoft Azure
 
Right click on Project and click on “Publish.”
 
Deploy Web App In Microsoft Azure
 
After that click Select “Azure”, click on “Next” and so on.
 
Deploy Web App In Microsoft Azure
 
Deploy Web App In Microsoft Azure
 
After this click on “+” as shown below.
 
Deploy Web App In Microsoft Azure
 
Select from the dropdown which you already defined as ResourceGroup and Hosting Plan while creating web app service in Azure cloud. Click on Create.
 
Deploy Web App In Microsoft Azure
 
After clicking on “Create” wait for some time, you will see the below window and click on Finish. 
 
Deploy Web App In Microsoft Azure
 
After that Click on Publish. And your app will be deployed in cloud at “Site Url”
 
Deploy Web App In Microsoft Azure
 
At site URL you can see the deployed web APP
 
Deploy Web App In Microsoft Azure
 

Summary

 
I tried to explain deploying the web app in Azure in the cloud as simply as possible. I hope it helps


Similar Articles