×

iFour Logo

Getting started with web Apps in Microsoft Azure

Kapil Panchal - November 12, 2020

Listening is fun too.

Straighten your back and cherish with coffee - PLAY !

  • play
  • pause
  • pause
Getting started with web Apps in Microsoft Azure

What is Microsoft Azure?


Microsoft Azure is also known as Windows Azure, it is Microsoft’s public cloud computing platform. Microsoft Azure provides a range of cloud services, including compute, analytics, storage, and networking. The user can pick and choose from these services to develop and scale new applications, or run existing applications in the public cloud.

This platform aims to help businesses and manage challenges to meet their organizational goals. Microsoft Azure offers four different forms of cloud computing such as Infrastructure as a Service (IaaS), platform as a service (PaaS), software as a service (SaaS), and serverless.

Prerequisites


You can create a free account with your email id in Microsoft Azure Portal. Install Visual Studio 2019.

If Visual Studio 2019 already installed on your computer then

  • Install the latest updates in Visual Studio by selecting Help > Check for Updates.

  • Select Tools > Get Tools and Features.

Create an ASP.NET Core Web App


These are the following steps to create an ASP.NET Core web in Visual Studio:

1. Create a new project in Visual Studio.

2. In a selected project, select the ASP.NET Core Web Application, then click Next.

3. Configure your new project, project name azureWebApps, and select Create

mainpage

Figure: Create a new project

4. In the ASP.NET Core web app, you can deploy any types of web app to Azure, choose the Web Application template. By default, Authentication is set to No Authentication, and you have no other option then to select Create.

mainpage

Figure: Select Web Application

5. In Visual Studio, Select Debug > Start Without Debugging and run your web app locally.

mainpage

Figure: Run Project

Publish Your Web App


When you publish your web app, you should initially create and configure a new App Service that you can publish your web app too.

There are the following steps to create App Service:

  • In Microsoft Azure, A new resource group contains all of the Azure resources for the service.

  • In Microsoft Azure, A new Hosting Plan specifies the location, size, and features of the web server farm that hosts your app.

Follow the below steps to create your App Service and to publish your web app.

1. Open Solution Explorer, right-click the azureWebApps project, and select Publish. You have not already signed-in to your Azure account in Visual Studio, select either Add or Sign In. In Microsoft Azure, you have to create a free Azure account.

2. Choose App Service, select create new, and then select create profile in that section pick a publish target dialog box.

3.app. In this name, Valid characters are alphanumeric and “- “. This name is used as the URL prefix for your app in the format

4. Accept the subscription that is listed or select a new one from the drop-down list.

5. Select New in Resource group, after New resource group name, enter resourceGroupName and select OK.6. Select the New for Hosting Plan

6. Select the New for Hosting Plan.

7. Create a new dialog, enter the values specified in the following table in the Hosting Plan.

 
Setting Suggested Value Description
Hosting Plan azureWebAppsPlan Name of the App Service Plan.
Location   The datacenter where an app is hosted.
Size Free The Pricing tier determines hosting features.

8. Set to none in Leave Application Insights.

9. Create a new dialog box, select create to start creating the Azure resources in the App Service.

10. Select Publish, once you are completed.

The Visual Studio publishes your ASP.NET Core web app to Azure, and your app is launched in your default browser.

Your ASP.NET Core web apps are running live in Azure App service.

Update the App and Redeploy

There are the following steps to update and redeploy your web app.

1. In your project, open Pages > Index.cshtml.

2. You can change code as per the requirements of your project.

Example:

Microsoft Azure Demo

Learn about building Web apps with ASP.NET Core in Microsoft Azure!.

3. Right-click the azureWebApps project in Solution Explorer and select Publish, redeploy to Azure.

4. Select Publish, on the Publish summary page.

Visual Studio launches a browser to the URL of the web app after publishing completes.

mainpage

Figure: Output window after div changes

Looking to Hire .NET Developer? Your Search ends here.

Manage the Azure App


If you manage your web app, go to the Azure portal, and search for and select App service. Select the name of your web app on the App Services page.

There are many options for basic management like browse, stop, start, restart, delete in the Overview page for your web app. The left side panel provides further pages for configuring your app.

Clean Up Resources


In the above steps, you have created Azure resources in a resource group. If your web app is not needed in the future, so you can delete them by deleting the resource group. Select Resource group from the Azure portal menu or Home page. Select your resource group name on the Resource groups page.

There are listed resources once you want to delete on your resource group name.

You can select the Delete resource group, type your resource group name in the next box to confirm, and select Delete.

Conclusion


If you are a student and you have created projects in any language like PHP, ASP.NET, Ruby, Python, Node.js, Java, etc, Azure is the best platform for your project to run it live.

In Azure, we’ve explored Azure’s compute and storage services, SQL Azure, Access Control, and Service Bus, and we’ve seen how our existing skills works in .NET and SQL Server that can easily be leveraged on Azure. We hope you acquired a useful information and a better understanding of how WebApps work in Azure.

Getting started with web Apps in Microsoft Azure What is Microsoft Azure? Microsoft Azure is also known as Windows Azure, it is Microsoft’s public cloud computing platform. Microsoft Azure provides a range of cloud services, including compute, analytics, storage, and networking. The user can pick and choose from these services to develop and scale new applications, or run existing applications in the public cloud. This platform aims to help businesses and manage challenges to meet their organizational goals. Microsoft Azure offers four different forms of cloud computing such as Infrastructure as a Service (IaaS), platform as a service (PaaS), software as a service (SaaS), and serverless. Prerequisites You can create a free account with your email id in Microsoft Azure Portal. Install Visual Studio 2019. If Visual Studio 2019 already installed on your computer then Install the latest updates in Visual Studio by selecting Help > Check for Updates. Select Tools > Get Tools and Features. Create an ASP.NET Core Web App These are the following steps to create an ASP.NET Core web in Visual Studio: 1. Create a new project in Visual Studio. 2. In a selected project, select the ASP.NET Core Web Application, then click Next. 3. Configure your new project, project name azureWebApps, and select Create Figure: Create a new project 4. In the ASP.NET Core web app, you can deploy any types of web app to Azure, choose the Web Application template. By default, Authentication is set to No Authentication, and you have no other option then to select Create. Figure: Select Web Application 5. In Visual Studio, Select Debug > Start Without Debugging and run your web app locally. Figure: Run Project Read More: What Is Routing In Asp.NET Core MVC? Publish Your Web App When you publish your web app, you should initially create and configure a new App Service that you can publish your web app too. There are the following steps to create App Service: In Microsoft Azure, A new resource group contains all of the Azure resources for the service. In Microsoft Azure, A new Hosting Plan specifies the location, size, and features of the web server farm that hosts your app. Follow the below steps to create your App Service and to publish your web app. 1. Open Solution Explorer, right-click the azureWebApps project, and select Publish. You have not already signed-in to your Azure account in Visual Studio, select either Add or Sign In. In Microsoft Azure, you have to create a free Azure account. 2. Choose App Service, select create new, and then select create profile in that section pick a publish target dialog box. 3.app. In this name, Valid characters are alphanumeric and “- “. This name is used as the URL prefix for your app in the format 4. Accept the subscription that is listed or select a new one from the drop-down list. 5. Select New in Resource group, after New resource group name, enter resourceGroupName and select OK.6. Select the New for Hosting Plan 6. Select the New for Hosting Plan. 7. Create a new dialog, enter the values specified in the following table in the Hosting Plan.   Setting Suggested Value Description Hosting Plan azureWebAppsPlan Name of the App Service Plan. Location   The datacenter where an app is hosted. Size Free The Pricing tier determines hosting features. 8. Set to none in Leave Application Insights. 9. Create a new dialog box, select create to start creating the Azure resources in the App Service. 10. Select Publish, once you are completed. The Visual Studio publishes your ASP.NET Core web app to Azure, and your app is launched in your default browser. Your ASP.NET Core web apps are running live in Azure App service. Update the App and Redeploy There are the following steps to update and redeploy your web app. 1. In your project, open Pages > Index.cshtml. 2. You can change code as per the requirements of your project. Example: Microsoft Azure Demo Learn about building Web apps with ASP.NET Core in Microsoft Azure!. 3. Right-click the azureWebApps project in Solution Explorer and select Publish, redeploy to Azure. 4. Select Publish, on the Publish summary page. Visual Studio launches a browser to the URL of the web app after publishing completes. Figure: Output window after div changes Looking to Hire .NET Developer? Your Search ends here. See here Manage the Azure App If you manage your web app, go to the Azure portal, and search for and select App service. Select the name of your web app on the App Services page. There are many options for basic management like browse, stop, start, restart, delete in the Overview page for your web app. The left side panel provides further pages for configuring your app. Clean Up Resources In the above steps, you have created Azure resources in a resource group. If your web app is not needed in the future, so you can delete them by deleting the resource group. Select Resource group from the Azure portal menu or Home page. Select your resource group name on the Resource groups page. There are listed resources once you want to delete on your resource group name. You can select the Delete resource group, type your resource group name in the next box to confirm, and select Delete. Conclusion If you are a student and you have created projects in any language like PHP, ASP.NET, Ruby, Python, Node.js, Java, etc, Azure is the best platform for your project to run it live. In Azure, we’ve explored Azure’s compute and storage services, SQL Azure, Access Control, and Service Bus, and we’ve seen how our existing skills works in .NET and SQL Server that can easily be leveraged on Azure. We hope you acquired a useful information and a better understanding of how WebApps work in Azure.
Kapil Panchal

Kapil Panchal

A passionate Technical writer and an SEO freak working as a Technical Content Manager at iFour Technolab, USA. With extensive experience in IT, Services, and Product sectors, I relish writing about technology and love sharing exceptional insights on various platforms. I believe in constant learning and am passionate about being better every day.

Build Your Agile Team

Enter your e-mail address Please enter valid e-mail

Categories

Ensure your sustainable growth with our team

Talk to our experts
Sustainable
Sustainable
 

Blog Our insights

Power BI Forecasting Challenges and Solutions
Power BI Forecasting Challenges and Solutions

Microsoft Power BI stands out for detailed data forecasting. By inspecting data patterns and using statistical models, Power BI provides a visual forecast of things to anticipate in...

Kotlin vs Java - Top 9 Differences CTOs Should Know
Kotlin vs Java - Top 9 Differences CTOs Should Know

Choosing the right programming language becomes crucial as it greatly influences the success of a software development project. When it comes to selecting the best programming language...

Security Best Practices for Power Apps
Security Best Practices for Power Apps

Being experts in custom software development, we're truly impressed by Microsoft Power Apps. The exceptional security features it offers as a low code platform amazes us and surprisingly...