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 服务。

服务 工具 DESCRIPTION
热门服务 Visual Studio Code 扩展 扩展集合。 从Microsoft获取此扩展中的所有顶级 Azure 服务。
Azure 资源组 Visual Studio Code 扩展

Azure CLI
查看和管理 Azure 资源。

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

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

Azure CLI

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

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

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

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

教程: 部署后端微服务应用
Azure Cosmos DB(Azure 宇宙数据库) Visual Studio Code 扩展

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

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

Azure CLI

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

快速入门: 使用 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 是一个 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 的最新 npm 包从 @azure 范围开始。
  • 大多数 Azure npm 包都可以使用 DefaultAzureCredential。 虽然设置看起来很复杂,但不再需要管理对 Azure 平台的本地 远程身份验证,这在安全性和时间节省方面具有很大优点。
  • 所有 Azure JavaScript SDK 都包含 TypeScript 类型。 借助此功能,可以轻松为解决方案采用强类型,并且知道它们不会与 SDK 同步。