Deploy the Registry image to Azure App Service

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

Deploy image to Azure web app from VS Code

  1. In 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. Create a new web app using the following values for prompts:

    Prompt Value
    Enter a globally unique name for the new web app. The name is used as part of the URL and must be unique across Azure.
    Select an existing resource group or create a new one. Select the same resource group as you selected for your Container registry.
    Select a location for new resources. Select a location close to you.
    Select a Linux App Service plan Create a new App Service plan.
    Enter the name of the new App Service plan. Take the default name.
    Select a pricing tier Select the free pricing tier if that is available.
  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

View the web site in a browser

To browse the deployed website, you can Ctrl+Click the URL in the Output panel then select Open website. 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.

Next steps