通过

你当前正在访问 Microsoft Azure Global Edition 技术文档网站。 如果需要访问由世纪互联运营的 Microsoft Azure 中国技术文档网站，请访问 https://docs.azure.cn。

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

  • 项目

Azure 容器应用使你能够在无服务器平台上运行微服务和容器化应用程序。 使用容器应用，你可以享受运行容器的好处，同时无需手动配置云基础结构和复杂容器业务流程协调程序。

本教程介绍如何使用 Visual Studio Code 将容器化应用程序部署到 Azure 容器应用。

先决条件

克隆项目

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

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

  3. 输入“Git: Clone”，然后按 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 Container Apps: Deploy Project from Workspace”命令。

  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. 选择“删除” 。 删除资源组的过程可能需要几分钟才能完成。

提示

遇到问题？ 在 Azure 容器应用存储库中提交问题，告知我们有关 GitHub 的信息。

后续步骤

Azure 容器应用中的环境