Freigeben über

Übersicht über JavaScript-Entwicklertools für Azure

JavaScript ist ein Ökosystem mit zahlreichen Tools. In diesem Artikel wird eine Auswahl von Tools vorgestellt, die von Microsoft für JavaScript-Entwickler erstellt und verwaltet werden. Sie benötigen diese Tools nicht für die Verwendung von Azure. Sie ermöglichen lediglich eine bessere Nutzung in Bezug auf Funktionen und Unterstützung.

Azure-Portal

Über das Azure-Portal haben Sie Zugriff auf alle Abonnements und Ressourcen für Ihr Konto. Die neuen Verbesserungen des Azure-Portals bieten verbesserte Navigations- und Anpassungsoptionen.

Visual Studio Code

Visual Studio Code ist die bevorzugte IDE für die JavaScript-Entwicklung für Azure. Die Schnittstelle, Features und Erweiterungen wirken zusammen, um die Entwicklungszeit zu verkürzen und Frustration bei der Entwicklung zu verringern.

Erstellen Sie im Stammverzeichnis des lokalen Entwicklungsprojekts einen Projektarbeitsbereich, und fügen Sie dann alle relevanten Konfigurationen, Einstellungen und Erweiterungen hinzu. Checken Sie die Arbeitsbereichsdatei mit dem Projekt ein, damit jedes Teammitglied Zugriff auf die Einstellungen und Tools hat, die für das Projekt erforderlich sind.

Mit Visual Studio Code haben Sie mehrere Vorteile:

  • In Visual Studio Code wird die Azure-Referenzdokumentation inline angezeigt.
  • Visual Studio Code ermöglicht die Vervollständigung von Anweisungen mit KI-gestützter Entwicklung über GitHub Copilot
  • Wenige mehrdeutige Typen oder Objekte
  • Integrierte Terminal- und Debugging-Unterstützung

Visual Studio Code bietet umfassende Dokumentation für die JavaScript-Projektnutzung.

Tools für Azure-Dienste

Nutzen Sie die folgenden kostenlosen Erweiterungen, um Azure-Dienste direkt in Visual Studio Code zu verwenden.

Dienst Extras Beschreibung
Wichtigste Dienste Visual Studio Code-Erweiterung Eine Auflistung der Erweiterungen. Rufen Sie alle wichtigsten Azure-Dienste in dieser einen Erweiterung von Microsoft ab.
Azure-Ressourcengruppe Visual Studio Code-Erweiterung

Azure-Befehlszeilenschnittstelle		 Anzeigen und Verwalten von Azure-Ressourcen

Tutorial: Bereitstellen einer Express.js-MongoDB-App in App Service über Visual Studio Code

Tutorial: Hinzufügen von Cognitive Search zu einer Website
Statische Azure-Web-Apps Visual Studio Code-Erweiterung

SWA-Befehlszeilenschnittstelle		 Erstellen und verwalten Sie Azure Static Web Apps mit der VS Code-Erweiterung oder der Static Web Apps CLI (SWA CLI). Die VS Code-Erweiterung ist in den Editor integriert, während die SWA CLI Azure-Dienste lokal simuliert.
Azure-Funktionen Visual Studio Code-Erweiterung

Azure-Befehlszeilenschnittstelle

npm-Paket		 Erstellen, Verwalten, Anzeigen, Debuggen und Bereitstellen von Funktionen.

Schnellstart: Erstellen einer JavaScript-Funktion in Azure mit Visual Studio Code
Azure Container Apps – ein Dienst für containerbasierte Anwendungen Visual Studio Code-Erweiterung

Azure CLI-Container-App		 Mit Azure Container Apps können Sie Microservices und containerisierte Anwendungen auf einer serverlosen Plattform ausführen. Verwalten Sie Ihre Container-Apps, stellen Sie neue Versionen bereit und überwachen Sie die Leistung.

Tutorial: Bereitstellen einer Front-End-Microservice-App

Tutorial: Bereitstellen einer Back-End-Microservice-App

Unterstützt jetzt Auftragsworkloads für Batchverarbeitungsszenarien.
Azure Cosmos DB (ein Microsoft-Datenbankdienst) Visual Studio Code-Erweiterung

Azure-Befehlszeilenschnittstelle		 Erstellen, durchsuchen und aktualisieren Sie global verteilte Datenbanken mit mehreren Modellen in Azure.

Schnellstart: Verbinden von Azure Functions mit Azure Cosmos DB mithilfe von Visual Studio Code

Enthält jetzt integrierte Vektorsuchfunktionen für KI-Anwendungen.
Speicher Visual Studio Code-Erweiterung

Azure-Befehlszeilenschnittstelle

Speicheremulator: Azurite		 Azure Storage einschließlich Blobcontainer, Dateifreigaben, Tabellen und Warteschlangen.

Schnellstart: Verbinden von Azure Functions mit Azure Storage mithilfe von Visual Studio Code

Enthält jetzt verbesserte Leistungs- und Datenschutzfunktionen.
Azure KI-Services KI Studio

Azure OpenAI SDK		 Erstellen Sie intelligente Anwendungen mit KI-Funktionen.

Schnellstart: Erstellen einer RAG-Anwendung mit JavaScript und Azure AI

Unterstützt Retrieval Augmented Generation (RAG) und Vektorsuche.

Entdecken Sie alle Azure-Erweiterungen für VS Code

Maschinenschrift

TypeScript bietet alle Features von JavaScript und stellt ein starkes, aber flexibles Typsystem bereit. TypeScript 5.0+ enthält erhebliche Leistungsverbesserungen und neue Funktionen wie die Anweisung für die using Ressourcenverwaltung.

TypeScript und die Azure SDK-Clientbibliotheken

Die Referenzdokumentation zu den Azure SDK-Clientbibliothek wird für TypeScript geschrieben, da die Clientbibliotheken mit TypeScript geschrieben werden. Sie müssen nicht TypeScript verwenden, um die Azure SDK-Clientbibliotheken verwenden zu können.

Erfahren Sie mehr über die TypeScript-Richtlinien für das Azure SDK.

Bereitstellung

Das wichtigste Bereitstellungstool für Azure ist die Azure Development CLI. Mit diesem Tool können Sie Ihre Azure-Dienste mit Bicep oder Terraform erstellen und konfigurieren und dann Ihren Quellcode bereitstellen.

Verwenden Sie Awesome AZD, um bereitstellbare Beispiele zu finden und die End-to-End-Lösungen für Azure zu verstehen.

CICD-Tools (Continuous Integration and Testing)

Die folgenden Integrationstools für die Entwicklung und Bereitstellung sorgen für eine Steigerung Ihrer Pipeline-Produktivität.

Container

Verwenden Sie Microsoft Container Registry (MRC) zum Durchführen einer Abfrage für ein Image, falls Sie nach einem Microsoft- oder Azure-spezifischen Docker-Image suchen.

Werkzeuge für Behälter:

Tools für Entwicklungscontainer:

Azure-Befehlszeilenschnittstelle (Azure CLI)

Die Azure CLI ist für die Verwaltung von Azure-Ressourcen über die Befehlszeile optimiert.

Die Azure CLI ermöglicht die folgenden Verwendungsszenarien:

Bei Verwendung des Azure-Portals steht die Azure CLI im Portal über die obere Navigationsleiste zur Verfügung.

Bei Verwendung des Azure-Portals steht die Azure CLI im Portal über die obere Navigationsleiste zur Verfügung.

Beispielanwendungen, Code und Codeausschnitte

Die GitHub-Organisation Azure-Samples enthält viele Beispiele zu den Produkten und Diensten, die von Azure angeboten werden. Verwenden Sie den Browser für Azure-Beispiele, um nach einem Beispiel zu suchen, das für Ihre Anforderungen geeignet ist.

Weitere Beispiele:

Dramatiker

Playwright ist eine Node.js-Bibliothek zum Automatisieren von Chromium, Firefox und WebKit mit einer einzelnen API. Playwright wurde entwickelt, um eine browserübergreifende Webautomatisierung zu ermöglichen, die dynamisch, leistungsfähig, zuverlässig und schnell ist. Unterstützt jetzt Komponententests und den UI-Modus für verbessertes Debuggen.

Hasten

Rush ist ein skalierbarer Monorepo-Manager für das Web. Die jüngsten Updates haben die Leistung verbessert und Unterstützung für Node.js 20 hinzugefügt.

Windows-Terminal

Im Windows-Terminal können Sie aus derselben Windows-Anwendung auf unterschiedliche Terminaltypen zugreifen, z. B. die Azure CLI und Ubuntu. Verwenden Sie dieses Tool, um CI/CD-Bash-Skripts zu entwickeln und zu testen, bevor Sie diese Skripts in GitHub Actions oder mit einer anderen Pipeline verwenden.

Windows-Subsystem für Linux

Mit dem Windows-Subsystem für Linux können Entwickler eine GNU-/Linux-Umgebung (einschließlich der meisten Befehlszeilentools, Hilfsprogramme und Anwendungen) direkt unter Windows unverändert ausführen, ohne dass Mehraufwand wie bei einem herkömmlichen virtuellen Computer oder einem Dual-Boot-Setup anfällt. WSL 2 bietet erhebliche Leistungsverbesserungen und vollständige Kompatibilität mit Systemaufrufen.

Tipps und Tricks für Azure-JavaScript-Entwickler

Die folgende Liste enthält Tipps und Tricks, die Azure-Entwickler kennen sollten, um produktiver arbeiten zu können:

  • Entwickeln Sie ein Benennungsschema für Ihre Azure-Ressourcen.
  • Gruppieren Sie Azure-Ressourcen in Ressourcengruppen, für die auch ein Benennungsschema genutzt wird.
  • Fügen Sie für jede Azure-Ressource Tags hinzu, mit denen der Zweck, das Projekt und andere wichtige Informationen für die Ressource angegeben werden. Diese Tags werden im Azure-Portal für diese Ressource auf der Seite „Übersicht“ angezeigt. Stellen Sie sich die Tags als eine Möglichkeit zur Dokumentation für die Ressource vor.
  • Die meisten Ressourcen verfügen über mindestens eine kostenlose Version pro Abonnement. Verwenden Sie diese Art von Ressource, während Sie lernen, wie sie verwendet wird.
  • Erfahren Sie, wie Sie Ressourcen ohne Verbindungszeichenfolgen oder Kennwörter erstellen, um standardmäßig sichere Lösungen zu finden. Diese Sicherheit ermöglicht Ihnen, in allen Umgebungen denselben Code zu verwenden, ohne Verbindungszeichenfolgen verwalten oder Schlüssel rotieren zu müssen.
  • Die neuesten npm-Pakete für Azure beginnen mit dem Bereich @azure.
  • Für die meisten Azure-npm-Pakete kannDefaultAzureCredential verwendet werden. Das Setup sieht zuerst einmal kompliziert aus. Der Vorteil ist aber, dass Sie Ihre lokale Authentifizierung und Remoteauthentifizierung für die Azure-Plattform nicht mehr verwalten müssen. So können Sie die Sicherheit erhöhen und Zeit sparen.
  • Alle Azure JavaScript-SDKs enthalten TypeScript-Typen. Mithilfe dieser Funktion können Sie problemlos starke Typen für Ihre Lösungen übernehmen und sicher sein, dass die Synchronisierung mit dem SDK erhalten bleibt.

Verwandte Inhalte