Microsoft Azure: Create an App Service by using Azure Portal

The Azure App Service is an HTTP-based service for hosting web applications, REST APIs, and mobile back ends. We can create and deploy using different languages like .Net, .Net Core, Java, Ruby, Node.js. PHP, or Python. In the previous article shared steps to create web apps using visual studio, in this article will show the steps create a web app by using Azure Portal.

Create an App Service by using Azure Portal

Set up an App Service

  1. Navigate to Microsoft Azure Portal.
  2. Select the All resource links at the top of the left-hand navigation.
  3. Select Web > App Service to display the App service creation wizardCreate an App Service by using Azure Portal

Create Web App Wizard

Web Apps lets you quickly build, deploy, and scale enterprise-grade web, mobile, and API apps running on any platform and fill out the following fields in each of the sections on the wizard.

Project Details

  • Subscription: Select Azure subscription, which you have
  • Resource Group: Create a new resource group to make it easier to clean up the resources later.

Instance Details

  • Name: The name you choose must be unique among all Azure web apps. This name will be part of the app's URL like msdevbuildapp.azurewebsites.net.
  • Publish: Let us Select Code for in this article demo.
  • Runtime Stack: Select .NET Core 3.1 LTS. 
  • Operating System: Keep Windows selected here, it's the default when you selected .NET Core 3.1 LTS above.
  • Region: Keep the default selection for now.

App Service Plan

  • Windows Service Plan: Leave the default selection. By default, the wizard will create a new plan in the same region as the web app.
  • SKU and size: Select F1. To select the F1 tier, select Change size to open the Spec Picker wizard. On the Dev / Test tab, select F1 from the list, then select Apply.
reate an App Service by using Azure Portal

Select Review and Create to navigate to the review page, then select Create to create the app.

Create an App Service by using Azure Portal

Deployment success message

Wait for 2 to 3 minutes, the portal will display the deployment page, where you can view the status of your deployment.

Create an App Service by using Azure Portal

Deployment Overview

Once the app service is ready, you can select the Go to resource button and the Azure portal will display the web app overview page like below.

Create an App Service by using Azure Portal

To preview your new web app's default content, select its URL at the top right, navigate to your web app service (https://msdevbuild.azurewebsites.net). The placeholder page that loads indicate that your web app is up and running and ready to receive deployment of your app's code.

App Service Editor

Microsoft provided App Service Editor tool is a web-based editor for App Service. On the Development Tools section of the left-hand navigation of your app and click on App Service Editor (Preview).

Create an App Service by using Azure Portal

The Editor is similar to the visual studio online editor with different section solutions preview, code Editor, and Design preview page.

Create an App Service by using Azure Portal

Summary

Navigate or refresh your web app service URL and you will get updated content in the browser. In this article, you have learned about creating Web app using the Azure portal and learned about Azure Online Editor.

Create an App Service by using Azure Portal

If you have any questions/feedback/ issues, please write them in the comment box.

0 Comments

Featured Post

Improving C# Performance by Using AsSpan and Avoiding Substring

During development and everyday use, Substring is often the go-to choice for string manipulation. However, there are cases where Substring c...

MSDEVBUILD - English Channel

MSDEVBUILD - Tamil Channel

Popular Posts