Deployment choices for your web app to Azure

Deploying your apps to Azure hosting services means moving a file or set of files to Azure to be served via an HTTP endpoint.

Common methods of moving files to the Azure cloud include:

Method Details
GitHub Actions Use this for automated or triggered continuous deployments.
Visual Studio Code Extensions Use this for manual, testing, or seldom deployments. Requires that you have the extension for the service installed locally.
Azure CLI Use this for manual or seldom deployments. Requires that you have the extension for the service installed locally.

Other deployment methods may exist, based on the specific service. For example, Azure app service supports a wide variety of deployment methods:

You can redeploy to your App service using any of the provided methods even if you didn't use that method to originally deploy. You may have some configuration before redeploying if you are switching methods.

Deployment slots

Use deployment slots to deploy your source code to a staging environment and warm up the environment before deploying to your production slot.

Do not use deployment slots to mix deployment purposes. All deployment slots share the app service so you need to make sure the traffic patterns and intended use of all slots are the same. If you need to have a hosted test or stage environment, that should be a separate app service.

Deploy with Visual Studio Code

To deploy or redeploy your App service app with Visual Studio Code, complete the following steps:

  1. Install the related Azure extensions, for example AzureApp Service or Azure Functions.
  2. Open the Azure explorer. Select the Azure icon in the primary side bar or use the keyboard shortcut (Shift + Alt + A).
  3. In the Resources group, select your subscription and service.
  4. Right-click your service then select Deploy to Web App....

Deploy or redeploy to App service with Visual Studio Code

Connect to your Azure hosted environment

  • For manual or occasional access to your hosted environments, refer to how to view files in your Azure hosted environment.
  • For automated or consistent access, consider taking the steps to set up one of the deployment methods.

View files in Azure hosted environment

There are several ways to immediately see the files in your hosted Azure Web app or Function app. If you are using slots in your hosted resource, you need to make sure you are on the correct slot before viewing files.

  • View files in Azure portal - select Console under Development tools for your hosting resource.

    In the Azure portal for your web app or function app, select `Console` from the `Development tools` menu.

  • View files in VS Code extension: - select the Azure icon in the Activity bar. In the Resources section, select your subscription and service. The Files node provides a view of your remote files.

    [Azure App service and Azure Functions app extensions both provide a view of the remote files.

View HTTP endpoint in Azure portal

View your HTTP endpoint from the service's Overview page on the Azure portal.

View your HTTP endpoint from the service's Overview page on the Azure portal.

Next steps