适用于 Azure 的 JavaScript 开发人员工具概述

JavaScript 是许多工具的生态系统。 本文是一系列由 JavaScript 开发人员Microsoft构建和维护的工具。 无需使用这些工具即可使用 Azure,只需在功能和支持方面使体验变得更好。

Azure 门户

Azure 门户允许你访问帐户的所有订阅和资源。 新的 Azure 门户增强功能 提供了改进的导航和自定义选项。

Visual Studio Code

Visual Studio Code 是适用于 Azure 的 JavaScript 开发的首选 IDE。 接口、功能和扩展协同工作,缩短开发时间并减少开发挫折感。

在本地开发项目的根目录中创建项目工作区,然后添加所有相关的配置、设置和扩展。 将工作区文件与项目一起提交,以便每个团队成员都可以访问项目所需的设置和工具。

使用 Visual Studio Code 可以获得多项优势:

  • Visual Studio Code 以内联方式显示 Azure 引用文档
  • Visual Studio Code 通过 GitHub Copilot 通过 AI 辅助开发提供语句补全
  • 几个不明确的类型或对象
  • 集成终端和调试支持

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 容器应用允许在无服务器平台上运行微服务和容器化应用程序。 管理容器应用、部署新版本和监视性能。

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

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

现在支持批处理场景的 Jobs 工作负载
Azure Cosmos DB(Azure 宇宙数据库) Visual Studio Code 扩展

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

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

现在包括用于 AI 应用程序 的集成矢量搜索功能
储存 Visual Studio Code 扩展

Azure CLI

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

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

现在包括 增强的性能和数据保护功能
Azure AI 服务 AI 工作室

Azure OpenAI SDK
使用 AI 功能构建智能应用程序。

快速入门: 使用 JavaScript 和 Azure AI 创建 RAG 应用程序

支持 检索增强生成 (RAG)向量搜索

探索适用于 VS Code 的所有 Azure 扩展

TypeScript

TypeScript 提供所有 JavaScript 功能,并提供强大但灵活的类型系统。 TypeScript 5.0+ 包括显著的性能改进和新功能, using 例如资源管理语句。

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 端到端 示例
  • 用于 RAG 应用的 AI 示例

剧作家

Playwright 是一个 Node.js 库,用于使用单个 API 自动执行 Chromium、Firefox 和 WebKit。 Playwright 旨在实现能够跨浏览器操作的 Web 自动化,并保持持续更新、功能强大、可靠且高速。 现在支持 组件测试和UI 模式 ,以增强调试。

Rush 是一个适用于 Web 的可缩放单存储库管理器。 最近的更新提高了性能并增加了对 Node.js 20 的支持。

Windows 终端

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

适用于 Linux 的 Windows 子系统

适用于 Linux 的 Windows 子系统允许开发人员直接在 Windows 上运行 GNU/Linux 环境,包括大多数命令行工具、实用工具和应用程序,无需传统虚拟机或双启动设置的开销。 WSL 2 提供了显著的性能改进和完整的系统调用兼容性。

Azure JavaScript 开发人员提示和技巧

以下列表包括 Azure 开发人员应知道提高工作效率的提示和技巧:

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