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

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

Prerequisites

• An Azure account with an active subscription. If you don't already have one,create an account for free.
• Visual Studio Code, available as afree download.
• The following Visual Studio Code extensions installed:
  • TheAzure Account extension
  • TheAzure Container Apps extension
  • TheDocker extension

Clone the project

1. Open a new Visual Studio Code window.

2. SelectF1 to open the command palette.

3. EnterGit: 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. SelectOpen to open the project in Visual Studio Code.

Sign in to Azure

1. SelectF1 to open the command palette.

2. SelectAzure: 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 an existing Container Apps resource or create new ones to deploy your applications. 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. SelectF1 to open the command palette and run theAzure 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	SelectCreate 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)	Entermy-container-app.
   Select a location	Select an Azure region close to you.
   Would you like to save your deployment configuration?	SelectSave.

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

3. When the process finishes, Visual Studio Code displays a notification. SelectBrowse 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 don't plan to use this application, you can delete the Azure Container Apps instance and all the associated services at once by removing the resource group.

To remove the resources you created, follow these steps in the Azure portal:

1. Select themy-container-app resource group from theOverview section.
2. Select theDelete resource group button at the top of the resource groupOverview.
3. Enter the resource group namemy-container-app in theAre you sure you want to delete "my-container-apps" confirmation dialog.
4. SelectDelete.The process to delete the resource group might take a few minutes to complete.

Next steps