Azure 上的面向 JavaScript 开发人员的工具

JavaScript 是一个包含很多工具的生态系统。 本文为 JavaScript 开发人员提供了一些由 Microsoft 构建和维护的工具。 你无需使用这些工具即可使用 Azure,它只会在功能和支持方面提供更好的体验。

Azure 门户

通过 Azure 门户,你可访问帐户的所有订阅和资源。

Visual Studio Code

Visual Studio Code 是适用于 Azure 的 JavaScript 开发的首选 IDE。 界面、功能和扩展协同工作,以缩短开发时间并减少开发问题。

在本地开发项目的根目录下创建一个项目工作区,然后添加所有相关的配置、设置和扩展。 签入项目的工作区文件,以使每个团队成员都有权访问项目所需的设置和工具。

使用 Visual Studio Code 有以下几个好处:

  • Visual Studio Code 以内联方式显示 Azure 引用文档
  • Visual Studio Code 提供语句完成
  • 很少有不明确的类型或对象

Visual Studio Code 提供了丰富的文档供 JavaScript 项目使用

Azure 服务的工具

直接在 Visual Studio Code 中使用以下免费扩展来使用 Azure 服务。

服务 工具 说明
排名前列的服务 Visual Studio Code 扩展 扩展集合。 通过 Microsoft 的这一扩展获取所有顶级 Azure 服务。
Azure 资源组 Visual Studio Code 扩展

Azure CLI
查看和管理 Azure 资源。

教程:使用 Visual Studio Code 将 Express.js MongoDB 应用部署到应用服务
教程:向网站添加认知搜索
Azure Static Web Apps Visual Studio Code 扩展

SWA CLI
使用 VS Code 扩展或 Static Web Apps CLI (SWA CLI) 创建和管理 Azure Static Web Apps。 VS Code 扩展与此编辑器集成,而 SWA CLI 会在本地模拟 Azure 服务。
Azure Functions Visual Studio Code 扩展

Azure CLI

npm 包
创建、管理、查看、调试和部署函数

快速入门:在 Azure 中使用 Visual Studio Code 创建 JavaScript 函数
Azure Container Apps Visual Studio Code 扩展

Azure CLI 容器应用
Azure 容器应用允许你在无服务器平台上运行微服务和容器化应用程序。 管理你的容器应用、部署新版本并监视性能。

教程:部署前端微服务应用

教程:部署后端微服务应用
Azure Cosmos DB Visual Studio Code 扩展

Azure CLI
在 Azure 中创建、浏览和更新全球分布式多模型数据库。

快速入门:使用 Visual Studio Code 将 Azure Functions 连接到 Azure Cosmos DB
存储 Visual Studio Code 扩展

Azure CLI

存储模拟器 - Azurite
包含 Blob 容器、文件共享、表和队列的 Azure 存储

快速入门:使用 Visual Studio Code 将 Azure Functions 连接到 Azure 存储

要查看所有 Azure 扩展,请使用以下链接:

TypeScript

TypeScript 将提供所有 JavaScript 功能,并提供强大但灵活的类型系统。

TypeScript 和 Azure SDK 客户端库

Azure SDK 客户端库参考文档是针对 TypeScript 编写的,因为客户端库是用 TypeScript 编写的。 不必用 TypeScript 来使用 Azure SDK 客户端库。

详细了解 Azure SDK 的 TypeScript 准则

部署

适用于 Azure 的顶级部署工具是 Azure 开发 CLI。 此工具允许使用 BicepTerraform 创建和配置 Azure 服务,然后部署源代码。

使用 Awesome AZD 查找可部署的示例,以了解适用于 Azure 的端到端解决方案。

持续集成和测试 (CICD) 工具

以下用于构建和部署的集成工具可提高管道工作效率。

容器

如果要查找特定于 Microsoft 或 Azure 的 Docker 映像,请使用 Microsoft 容器注册表 (MRC) 查询映像

容器工具

开发容器工具

Azure CLI

Azure CLI 经过优化,可从命令行管理 Azure 资源。

Azure CLI 提供以下使用方案:

如果使用 Azure 门户,可从门户顶部的导航栏中获取 Azure CLI。

如果使用 Azure 门户,可从门户顶部的导航栏中获取 Azure CLI。

示例应用程序、代码和代码片段

GitHub 组织 Azure-Samples 包含 Azure 提供的产品和服务的很多示例。 请使用 Azure 示例浏览器查找满足你的需求的示例。

其他示例包括:

  • 适用于 JS 的 Azure SDK 示例
  • 适用于 JS 的 Microsoft 身份验证库 (MSAL.js) 示例
  • JavaScript 端到端示例

Playwright

Playwright 是一个 Node.js 库,可通过单个 API 实现 Chromium、Firefox 和 WebKit 的自动化。 Playwright 旨在实现跨浏览器的 Web 自动化,这是一种常青、功能强大、可靠且快速的自动化。

Rush

Rush 是一个适用于 Web 的可缩放单存储库管理器。

Windows 终端

通过 Windows 终端,可从同一 Windows 应用程序(包括 Azure CLI 和 Ubuntu)访问多个不同的终端类型。 在 GitHub Actions 或其他管道中使用这些脚本之前,请使用此工具开发和测试 CICD bash 脚本。

适用于 Linux 的 Windows 子系统

通过适用于 Linux 的 Windows 子系统,开发人员可直接在 Windows 上不经修改地运行 GNU/Linux 环境 - 包括大多数命令行工具、实用工具和应用程序,而不会产生传统虚拟机或双启动安装的成本。

Azure JavaScript 开发人员提示和技巧

以下列表包含 Azure 开发人员要保持高效而需了解的提示和技巧:

  • 为 Azure 资源开发一个命名架构
  • 将 Azure 资源分组到资源组中,这也将使用命名架构
  • 对于每个 Azure 资源,请添加显示资源目的、项目和其他重要信息的标记。 可在 Azure 门户中对应资源的概述页面上查看这些标记。 可将标记看做是记录资源的一种方式。
  • 对于每个订阅,大多数资源都至少有一个免费版本。 在学习如何使用此类资源的同时,请使用它。
  • 对于“默认安全”解决方案,了解如何在没有连接字符串或密码的情况下创建资源。 此安全性允许在所有环境中使用相同代码,而无需管理连接字符串或轮换密钥。
  • @azure 范围开头的面向 Azure 的最新 npm 包。
  • 大多数 Azure npm 包都可使用 DefaultAzureCredential。 虽然设置看起来很复杂,但无需再管理到 Azure 平台的本地和远程身份验证有利于保障安全和节省时间
  • 所有 Azure JavaScript SDK 都包括 TypeScript 类型。 借助此功能,你可以轻松地为你的解决方案采用强类型,并确保它们始终与 SDK 同步。

后续步骤