Publish a Web app to Azure App Service using Visual Studio

For ASP.NET, ASP.NET Core, Node.js, and .NET Core apps, publish to Azure App Service or Azure App Service Linux (using containers) using one of the following methods.

  • For continuous (or automated) deployment of apps, use Azure DevOps with Azure Pipelines.

  • For one-time (or manual) deployment of apps, use the Publish tool in Visual Studio to deploy ASP.NET, ASP.NET Core, Node.js, and .NET Core apps to Azure App Service or App Service for Linux (using containers). For Python apps, follow the steps on Python - Publish to Azure App Service.

This article describes how to use the Publish tool for one-time deployment.

Prerequisites

  • Visual Studio 2019 installed with the appropriate workloads for your language of choice:
    • ASP.NET: ASP.NET and web development
    • Node.js: Node.js development
  • Visual Studio 2017 installed with the appropriate workloads for your language of choice:
    • ASP.NET: ASP.NET and web development
    • Node.js: Node.js development
  • An Azure subscription. If you do not already have subscription, sign up for free, which includes $200 in credit for 30 days and 12 months of popular free services.

  • An ASP.NET, ASP.NET Core, .NET Core, or Node.js project. If you don't already have a project, select an option below:

  • Make sure you build the project using the Build > Build Solution menu command before following the deployment steps.

Publish to Azure App Service on Windows

  1. In Solution Explorer, right-click the project and choose Publish (or use the Build > Publish menu item).

    The Publish command on the project context menu in Solution Explorer

  2. In the Publish dialog, select Azure.

    Choose publish target

  3. Select **Azure App Service (Windows) **and Next.

    Choose Azure App Service on Linux

  4. Sign in with you Azure account, if necessary. Select Create a new Azure App Service...

    Link to create new instance of Azure App Service

  5. In the Create Azure App Service (Windows) dialog, the App Name, Resource Group, and App Service Plan entry fields are populated. You can keep these names or change them. When ready, select Create.

    Choose Azure App Service

  6. In the Publish dialog, the newly created instance has been automatically selected. When ready, click Finish.

    Choose Azure App Service

  7. Select Publish. Visual Studio deploys the app to your Azure App Service, and the web app loads in your browser. The project properties Publish pane shows the site URL and other details.

    Publish property pane showing a profile summary

Clean up resources

In the preceding steps, you created Azure resources in a resource group. If you don't expect to need these resources in the future, you can delete them by deleting the resource group. From the left menu in the Azure portal, select Resource groups and then select myResourceGroup. On the resource group page, make sure that the listed resources are the ones you want to delete. Select Delete, type myResourceGroup in the text box, and then select Delete.

Next steps

In this quickstart, you learned how to use Visual Studio to create a publishing profile for deployment to Azure. You can also configure a publishing profile by importing publish settings from Azure App Service.