Create Web App at Local

 

Run and Test .Net App Code at your local

• Press F5 in project at your local to test

 

 

Create App Service in Azure

• Search App Services in search bar, 
• On App service page click Down Arrow next to create and select Web App
  • Select Resource Group
  • Give name to you App Service (Should be unique across Azure)
    • check Try a secure unique default hostname will add some random characters to make your unique. 
    • user your name to uncheck it
• public mode -as code or as a container (in case of docker)
• Select run time stack (.Net 8 here)
• Operating system - as windows
• Region - central India
• Pricing Plan (select Explore Pricing plan)
  • When we create app service, we actually create two components.
    • The app service which is the component that host the code, Windows Plan (Canada Central) in our case
    • A plan. The plan is the infrastructure hosting the app service.
      • Defined the compute power and memory of this virtual machine or infrastructure.
      • Free plan, which allows up to 60 minutes a day of free browsing.And of course as you can guess its cost is free.
      • D1 plan, which is a shared plan, meaning you are going to share your infrastructure with other clients and also it allows maximum
      • Standard S1 Plan, offer some features required later. like staging slots. can see feature mode of pricing plan
      • 

 

 

 

Final view of app service At Azure

 

Click ‘Review + Create'
Once the deployment is complete, click ‘Go to Resource’

 

 

Deploy our local Web App at Azure App Services

At local open your web app
right click on explore and choose ‘Deploy to web App..’

 

click ‘sign in to Azure’ - select yes if configuration related pop show

Allow to sign in and sign in pop up window appears,
sign in to your Azure Account- after successful sign select Default Tenant if asked
Select your subscription if asked then

Select Your App service under your subscription

 

Right click on your webapp and select ‘Deploy to Web App.’

A final confirmation message appear, click Deploy

Now VS Code is deploying our code. First the code is going to build and then the deploy will begin. Show successful message on completion

 

 

Click ‘Browse Website’

We can see our Web app running at  url 

‘https://deepak-web-ecommerc.azurewebsites.net/’