快速入门：使用 Visual Studio Code 部署到 Azure 容器应用

使用 Azure 容器应用可以在无服务器平台上运行微服务和容器化应用程序。 借助容器应用，无需考虑手动配置云基础结构和复杂的容器业务流程协调程序，即可获得运行容器的好处。

在本教程中，你将使用 Visual Studio Code 将容器化应用程序部署到 Azure 容器应用。

先决条件

• 拥有有效订阅的 Azure 帐户。 如果你还没有订阅，请创建一个试用版订阅。
• Visual Studio Code，作为 免费下载提供。
• 已安装以下 Visual Studio Code 扩展：
  • Azure 账户扩展
  • Azure 容器应用扩展
  • Docker 扩展

克隆项目

1. 打开新的 Visual Studio Code 窗口。

2. 选择 F1 以打开命令面板。

3. 输入 Git：克隆 并按 Enter。

4. 输入以下 URL 以克隆示例项目：

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

   注释

   本教程使用 JavaScript 项目，但步骤与语言无关。

5. 选择要将项目克隆到的文件夹。

6. 选择 “打开 ”以在 Visual Studio Code 中打开项目。

登录到 Azure

1. 选择 F1 以打开命令面板。

2. 选择 Azure：登录 并按照提示进行身份验证。

3. 登录后，返回到 Visual Studio Code。

创建并部署到 Azure 容器应用

使用适用于 Visual Studio Code 的 Azure 容器应用扩展，可以选择现有的容器应用资源或创建新容器应用来部署应用程序。 在此方案中，你将创建新的容器应用环境和容器应用来托管应用程序。 安装容器应用扩展后，可以在 Visual Studio Code 的 Azure 控制面板下访问其功能。

1. 选择 F1 以打开命令面板并运行 Azure 容器应用：从工作区部署项目 命令。

2. 输入扩展提示的以下值。

   Prompt	价值
   选择订阅	选择要使用的 Azure 订阅。
   选择容器应用环境	选择“ 创建新容器应用环境”。 如果已有现有的容器应用环境，则只会被问及此问题。
   输入新容器应用资源的名称	输入 my-container-app。
   选择一个位置	选择靠近你的 Azure 区域。
   是否要保存部署配置？	选择“保存”。

   Azure 活动日志面板随即打开并显示部署进度。 此过程可能需要几分钟才能完成。

3. 该过程完成后，Visual Studio Code 会显示通知。 选择 “浏览 ”以在浏览器中打开已部署的应用。

   在浏览器的位置栏中，在应用 URL 末尾追加 /albums 路径以查看示例 API 请求中的数据。

祝贺！ 你已使用 Visual Studio Code 成功创建并部署了第一个容器应用。

清理资源

如果不打算使用此应用程序，可以通过删除资源组来一次性删除 Azure 容器应用实例和所有关联的服务。

若要删除创建的资源，请在 Azure 门户中按照以下步骤：

1. 从“概述”部分选择 my-container-app 资源组。
2. 选择资源组“概述”顶部的“删除资源组”按钮。
3. 在“是否确实要删除”my-container-apps“确认对话框中输入资源组名称 my-container-app。
4. 选择 删除。 删除资源组的过程可能需要几分钟才能完成。

后续步骤