共用方式為

適用於 Azure 的 JavaScript 開發人員工具概述

JavaScript 是許多工具的生態系統。 本文是挑選出來的 Microsoft 為 JavaScript 開發人員所建置和維護的工具。 您不需要使用這些工具來使用 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 StudioCode中使用 Azure 服務。

服務 工具 描述
熱門服務 Visual Studio Code 擴充功能 延伸模組的集合。 從 Microsoft 取得此擴充功能中的所有頂級 Azure 服務。
Azure 資源群組 Visual Studio Code 擴充功能

Azure CLI		 檢視和管理 Azure 資源。

教學課程： 從Visual StudioCode將 Express.js MongoDB 應用程式部署至App Service

教學課程： 將認知搜尋新增至網站
Azure 靜態 Web 應用程式 Visual Studio Code 擴充功能

SWA CLI		 使用 VS Code 擴充功能或 Static Web Apps CLI （SWA CLI）建立及管理 Azure 靜態 Web Apps。 VS Code 擴充功能會與編輯器整合，而 SWA CLI 會在本機模擬 Azure 服務。
Azure 函數 Visual Studio Code 擴充功能

Azure CLI

npm 套件		 創建、管理、查看、調試和部署函數。

快速入門：使用 Visual Studio Code 在 Azure 中建立 JavaScript 函式
Azure 容器應用服務 Visual Studio Code 擴充功能

Azure CLI containerapp		 Azure Container Apps 可讓您在無伺服器平台上執行微服務和容器化應用程式。 管理您的容器應用程式、部署新版本，以及監視效能。

教學課程： 部署前端微服務應用程式

教學課程： 部署後端微服務應用程式

現在支援批處理場景的 Jobs 工作負載 。
Azure Cosmos 資料庫 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。 此工具可讓您使用 Bicep 或 Terraform 建立及設定 Azure 服務，然後部署您的原始程式碼。

使用 Awesome AZD 來尋找可部署的範例，以瞭解適用於 Azure 的端對端解決方案。

持續整合和測試 （CICD） 工具

下列用於建置和部署的整合工具可提升管線生產力。

器皿

如果您要尋找Microsoft或 Azure 特定的 Docker 映射，請使用 Microsoft Container Registry （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 的可調整 Monorepo 管理員。 最近的更新提高了性能並增加了對 Node.js 20 的支援。

Windows 終端機

Windows 終端 機可讓您從相同的 Windows 應用程式存取數種不同的終端機類型，包括 Azure CLI 和 Ubuntu。 在 GitHub Actions 或其他管線中使用這些腳本之前，請先使用此工具來開發和測試 CICD bash 腳本。

適用於Linux的 Windows 子系統

適用於Linux的 Windows 子系統可讓開發人員執行 GNU/Linux 環境，包括大部分命令行工具、公用程式和應用程式，直接在 Windows 上未經修改，而不需要傳統虛擬機或雙開機設定的額外負荷。 WSL 2 提供了顯著的性能改進和完整的系統調用相容性。

Azure JavaScript 開發人員秘訣和訣竅

下列清單包含 Azure 開發人員應該知道更有生產力的秘訣和訣竅：

  • 為您的 Azure 資源開發 命名架構 。
  • 將 Azure 資源分組為 資源群組，這也會使用命名架構。
  • 針對每個 Azure 資源 ，新增標記 來傳達資源的用途、專案和其他重要資訊。 這些標籤會顯示在 Azure 入口網站中，該資源的 [概觀] 頁面上。 將標籤視為記錄資源的一種方式。
  • 大部分的資源每個訂用帳戶至少有一個 免費版本 。 在瞭解如何使用它時，請使用這種類型的資源。
  • 針對「預設安全」解決方案，瞭解如何 建立不含連接字串或密碼的資源。 此安全性可讓您在所有環境中使用相同的程序代碼，而不需要管理連接字串或輪替密鑰。
  • Azure 的最新 npm 套件從 @azure 範圍開始。
  • 大部分的 Azure npm 套件都可以使用 DefaultAzureCredential。 雖然設置看起來很複雜，但不再需要管理本機和遠端驗證至 Azure 平台的這一好處，對於提高安全性和節省時間非常有益。
  • 所有 Azure JavaScript SDK 都包含 TypeScript 類型。 這項功能可讓您輕鬆地為解決方案採用強型別，並知道它們不會與 SDK 同步。

相關內容