若要将基于 JavaScript 的应用部署到 Azure，请将文件或文件集移动到 Azure，以便通过 HTTP 终结点提供。 移动文件的过程称为部署。
先决条件
- Azure 订阅 - 免费创建订阅。
- Node.js LTS。
- 如果计划从 GitHub 存储库进行部署，则需要一个 GitHub 帐户。
部署方法
Azure 提供了各种部署方法，以满足不同的需求。 下面是一些常见方法：
| 方法 | 详细信息 |
|---|---|
| Azure 开发者命令行界面 (CLI) | 非常适合喜欢命令行工具且需要自动预配和部署资源的开发人员。 |
| Visual Studio Code 扩展 | 适用于手动、测试或不经常的部署。 需要在本地安装相关的 Azure 扩展。 |
| Azure CLI | 适用于手动部署或偶尔部署。 需要在本地安装 Azure CLI。 |
| GitHub 活动 | 最适合由 GitHub 存储库中的更改触发的自动或持续部署。 |
存在其他部署方法，具体取决于特定服务。 例如，Azure 应用服务支持各种部署方法：
即使未使用该方法最初部署，也可以使用任何提供的方法重新部署到应用服务。 在重新部署之前，如果切换方法，可能需要进行一些配置。
适用于 JavaScript 应用的 Azure 托管服务
Azure 提供了针对不同 JavaScript 应用程序方案优化的多个托管服务：
| 服务 | 最适用于 | 主要功能 |
|---|---|---|
| Azure 静态 Web 应用 | 具有静态前端的新式 Web 应用（React、Vue、Angular）和可选的无服务器 API | 免费 SSL、全局 CDN、拉取请求的过渡环境、集成身份验证 |
| Azure 应用程序服务 | 功能齐全的 Web 应用程序和 REST API | 内置自动缩放、部署插槽、与 Azure 服务轻松集成 |
| Azure Functions | 事件驱动的无服务器应用程序和微服务 | 按执行次数付费、自动调整规模、多个触发器和绑定 |
| Azure 容器应用 | 容器化应用程序和微服务 | Kubernetes 驱动的无服务器化容器、Dapr 集成、事件驱动的扩展 |
有关选择正确的托管服务的详细信息，请参阅 Azure 上的托管应用程序。
生成步骤
根据应用程序的复杂性和部署需求，可以选择在部署之前或部署期间生成 JavaScript 应用：
- 在部署前构建：对于复杂或耗时的构建，请将应用程序打包到 zip 文件中并部署它。 部署包允许您在部署之前控制和测试构建。
- 部署期间生成：对于更简单的版本，请使用 Azure 提供的环境变量 SCM_DO_BUILD_DURING_DEPLOYMENT=true 在部署期间生成应用。
部署槽位
Azure 应用服务中的部署槽位 可用于为过渡和生产创建单独的环境。 使用插槽可以在过渡阶段测试应用，然后再将其切换到生产阶段，确保部署顺利无误。 详细了解部署槽位。
不要使用部署槽位混合不同的部署目的。 所有部署槽位共享应用服务，因此需要确保流量模式和所有槽的预期用途相同。 如果您需要一个应作为单独应用服务的托管测试环境或阶段环境。
使用 Azure 开发人员 CLI 进行部署
Azure 开发人员 CLI（azd）简化了将应用部署到 Azure 的过程。 按照以下步骤操作：
初始化项目的本地版本，以用作你自己的项目的基础结构模板。
azd init --template <template-name>创建资源并将代码部署到 Azure。
azd up
使用 Visual Studio Code 进行部署
若要使用 Visual Studio Code 部署或重新部署应用服务应用，请完成以下步骤：
安装相关的 Azure 扩展，例如 AzureApp 服务 或 Azure Functions。
打开 Azure 浏览器。 选择主侧栏中的 Azure 图标或使用键盘快捷方式（Shift + Alt + A）。
在“资源”组中，选择订阅和服务。
右键单击你的服务，然后选择部署到 Web 应用...。
部署或重新部署到应用服务
部署到 Azure Static Web Apps
Azure 静态 Web 应用非常适合使用 JavaScript 框架构建的新式 Web 应用程序。 部署：
- 安装适用于 Visual Studio Code 的 Azure Static Web Apps 扩展 。
- 在本地生成应用程序，确保应用程序按预期工作。
- 在 Visual Studio Code 中，打开 Azure 资源管理器并查找 Azure 静态 Web 应用。
- 右键单击订阅，然后选择“ 创建静态 Web 应用”。
- 按照提示连接 GitHub 存储库。 Azure 会自动创建 GitHub Actions 工作流。
- 将更改推送到存储库以触发自动部署。
有关详细信息，请参阅 将 Web 应用部署到 Azure 静态 Web 应用。
部署到 Azure 容器应用
Azure 容器应用为 JavaScript 应用程序提供无服务器容器托管。 部署：
- 使用 Docker 容器化应用程序。 在项目根目录中创建 Dockerfile。
- 在本地生成和测试容器。
- 将容器映像推送到 Azure 容器注册表。
- 使用 Azure 容器应用扩展 或 Azure CLI 创建和部署容器应用。
有关完整指南，请参阅 Azure 容器应用上的 JavaScript 概述。
连接到 Azure 托管环境
- 若要手动或偶尔访问托管环境，请参阅如何在 Azure 托管环境中查看文件。
- 对于自动或一致访问，请考虑采取措施来设置其中一种部署方法。
查看 Azure 托管环境中的文件
可通过多种方式立即查看托管的 Azure Web 应用或函数应用中的文件。 在托管资源中使用插槽时，您需要在查看文件之前确保您处于正确的插槽上。
Azure 门户 中查看文件 - 在托管资源的开发工具下选择 控制台。
在 VS Code 扩展中查看文件： - 在活动栏中选择 Azure 图标。 在“资源”部分中，选择订阅和服务。 文件节点提供了远程文件的视图。
- Azure 应用服务 和 Azure Functions 扩展都提供远程文件的视图。
在 Azure 门户中查看 HTTP 终结点
从 Azure 门户上的服务的“概览”页查看 HTTP 终结点。
