How To Publish ASP.NET Web Application On Azure Portal Using App Services

In this article, you’ll learn how to publish an ASP.NET web application on the Azure portal by using App Services.

Introduction to Azure Services

 
In Azure cloud services, we get three types of services -  IaaS, PaaS, and SaaS. Now, I’m showing the PaaS (Platform as a Services) Azure Services to deploy a web application using Visual Studio.
 
First, let us check the differences between IaaS, PaaS, and SaaS.
 

IaaS - Infrastructure as a Service

 
In IaaS, the Azure portal provides the infrastructure services to configure the services as per our requirement, just like a vendor gives you a flat without furnishing.
 
Manageable Services (Manageable by Users)
Un-Manageable Services (Manageable by Vendor)
Applications
Virtualizations
Databases
Server
Runtime
Storages
Middleware
Networking
Operating System
 
 

PaaS - Platform as a Services

 
In PaaS, Azure provides services like manageable and unmanageable services for your requirement. It is similar to a fully furnished studio apartment where we get manageable and unmanageable services from the vendor.
 
Manageable Services (Manageable by Users)
Un-Manageable Services (Manageable by Vendor)
Applications
Databases
 
Runtime
 
Operating System
 
Virtualizations
 
Server
 
Storages
 
Networking
 

SaaS - Software as a Services

 
In SaaServices, Azure portal will provide the users their required software as per their need.
 
Manageable Services (Manageable by Users)
Un-Manageable Services (Manageable by Vendor)
 
Applications
 
Databases
 
Runtime
 
Operating System
 
Virtualizations
 
Server
 
Storages
 
Networking

Now, let us start with PaaS.
 
Log into your Azure portal and create a web app using App Services or use the search bar to create one.
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
After selecting to create a web app, we need to give configuration for this web app like Subscription, Resource Group, Name, Publishing type, Runtime stack, Operating System, Region.
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
Subscription A login can have one or multiple subscriptions as per the user selected plan
Resource Group A subscription can have multiple resource groups to manage the applications
Name Name of the application
Publish Publishing type of code or in the docker image
Runtime task Select type of applications like PHP, .NET, java and there supported versions provided from the vendor
Operating System Publishing the application in Linux or Windows environment as per our supported web applications
Region Location
App Service plan We need to choose the plan for pay as you go
Application Insights Through application insights, you can monitor your app and log information
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
Now, we’ll configure the above things as per the client requirement and billing. Review and create it.
 
After creating the web app, you’ll get notification for creation of this task.
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
Under resource group, we get App Service, Application Insights, App Service plan.
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
Now, we’ll create an ASP.NET web application to publish in the Azure Web App Services.
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
Choose web forms or MVC, or Web API as per your requirement to publish.
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
Now, your application has been created in Visual Studio.
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
Run your web application on localhost. It should run without any compilation errors.
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
Now, switch to your Azure account to get the publishing profile from your created web app service. To get publishing profile for the web app, open your App Service and get the profile published to use it.
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
Now, switch to your project in Visual Studio. Go to project in your solution and right-click to get the Publish menu.
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
Now, click on "Start" to publish the project on the Azure portal.
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
Select options to publish, choose the app service, and select Import profile.
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
Now, select your publishing profile which we downloaded from the Azure portal, i.e., web app services in previous steps.
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
After selecting your publish profile from your local, the publishing task starts automatically.
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
Now, your web application is successfully published in Azure App Services.
 
How To Publish ASP.NET Web Application In Azure Portal By Using App Services
 
Happy coding!!!