Edit

Quickstart: Deploy to Azure Container Apps using Visual Studio Code

  • Article

Azure Container Apps enables you to run microservices and containerized applications on a serverless platform. With Container Apps, you enjoy the benefits of running containers while leaving behind the concerns of manually configuring cloud infrastructure and complex container orchestrators.

In this tutorial, you'll deploy a containerized application to Azure Container Apps using Visual Studio Code.

Prerequisites

Clone the project

  1. Open a new Visual Studio Code window.

  2. Select F1 to open the command palette.

  3. Enter Git: Clone and press enter.

  4. Enter the following URL to clone the sample project:

    https://github.com/Azure-Samples/containerapps-albumapi-javascript.git

    Note

    This tutorial uses a JavaScript project, but the steps are language agnostic.

  5. Select a folder to clone the project into.

  6. Select Open to open the project in Visual Studio Code.

Sign in to Azure

  1. Select F1 to open the command palette.

  2. Select Azure: Sign In and follow the prompts to authenticate.

  3. Once signed in, return to Visual Studio Code.

Create and deploy to Azure Container Apps

The Azure Container Apps extension for Visual Studio Code enables you to choose existing Container Apps resources, or create new ones to deploy your applications to. In this scenario, you create a new Container App environment and container app to host your application. After installing the Container Apps extension, you can access its features under the Azure control panel in Visual Studio Code.

  1. Select F1 to open the command palette and run the Azure Container Apps: Deploy Project from Workspace command.

  2. Enter the following values as prompted by the extension.

    Prompt Value
    Select subscription Select the Azure subscription you want to use.
    Select a container apps environment Select Create new container apps environment. You're only asked this question if you have existing Container Apps environments.
    Enter a name for the new container app resource(s) Enter my-container-app.
    Select a location Select an Azure region close to you.
    Would you like to save your deployment configuration? Select Save.

    The Azure activity log panel opens and displays the deployment progress. This process might take a few minutes to complete.

  3. Once this process finishes, Visual Studio Code displays a notification. Select Browse to open the deployed app in a browser.

    In the browser's location bar, append the /albums path at the end of the app URL to view data from a sample API request.

Congratulations! You successfully created and deployed your first container app using Visual Studio Code.

Clean up resources

If you're not going to continue to use this application, you can delete the Azure Container Apps instance and all the associated services at once by removing the resource group.

Follow these steps in the Azure portal to remove the resources you created:

  1. Select the my-container-app resource group from the Overview section.
  2. Select the Delete resource group button at the top of the resource group Overview.
  3. Enter the resource group name my-container-app in the Are you sure you want to delete "my-container-apps" confirmation dialog.
  4. Select Delete. The process to delete the resource group might take a few minutes to complete.

Tip

Having issues? Let us know on GitHub by opening an issue in the Azure Container Apps repo.

Next steps

Environments in Azure Container Apps