Set up an App Service
- Navigate to Microsoft Azure Portal.
- Select the All resource links at the top of the left-hand navigation.
- Select Web > App Service to display the App service creation wizard
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.
Select Review and Create to navigate to the review page, then select Create to create the app.
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.
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.
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).
The Editor is similar to the visual studio online editor with different section solutions preview, code Editor, and Design preview page.
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.
If you have any questions/feedback/ issues, please write them in the comment box.
No comments: