Skip to content

Latest commit

 

History

History
51 lines (30 loc) · 2.57 KB

tutorial-vscode-docker-node-05.md

File metadata and controls

51 lines (30 loc) · 2.57 KB
title description ms.topic ms.date
Deploy a container image for a Node.js app from Visual Studio Code
Tutorial part 5, deploy the image to Azure App Service
conceptual
09/20/2019

Deploy the image to Azure App Service

Previous step: Create the app image

In this step, you deploy the image that you pushed to a registry to Azure App Service directly from Visual Studio Code.

Enable Admin access on the registry

In order to deploy your image to a web application, you need to enable "Admin" access on your registry in the Azure portal.

  1. In the Docker explorer, right-click your registry name and select "Open in portal".

    Open in portal command in VS Code

    This will open your registry in the Azure portal.

  2. Click on "Access keys" in the sidebar and then toggle the "Admin user" setting to "Enabled".

    Enable admin user setting in Azure portal

Deploy image

  1. In the DOCKER explorer, expand the nodes for your image under Registries, right-click :latest, and select Deploy Image to Azure App Service.

    Deploy From the Explorer

  2. When prompted, provide values for the App Service:

    • The name must be unique across Azure.
    • Select an existing resource group or create a new one. (A Resource Group is essentially a named collection of an application's resources in Azure.)
    • Select an existing App Service Plan or create a new one. (An App Service Plan defines the physical resources that host the website. You can use a basic or free plan tier for this tutorial.)
  3. When deployment is complete, Visual Studio Code shows a notification with the website URL:

    Successful deployment message

  4. You can also see the results in the Output panel of Visual Studio Code, in the Docker section:

    Successful deployment output

  5. To browse the deployed website, you can Ctrl+Click the URL in the Output panel. The new App Service also appears in the AZURE explorer in Visual Studio Code under the APP SERVICE section, where you can right-click the website and select Browse Website.

[!div class="nextstepaction"] My site is on Azure I ran into an issue