Tools für JavaScript-Entwickler in Azure

  • Artikel

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.

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 bietet Anweisungsvervollständigung.
  • Wenige mehrdeutige Typen oder Objekte

Visual Studio Code bietet zahlreiche Dokumentationen für die JavaScript-Projektverwendung.

Tools für Azure-Dienste

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

Service Extras Beschreibung
Wichtigste Dienste Visual Studio Code-Erweiterung Eine Auflistung der Erweiterungen. Mit dieser Erweiterung von Microsoft können Sie Folgendes nutzen: Websitehosting, SQL- und MongoDB-Daten, Docker-Container, serverlose Funktionen und mehr – alles in Azure und über VS Code.
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
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 App Service Visual Studio Code-Erweiterung

Azure CLI-App-Dienst

Azure CLI-App		 Mit dem App-Dienst können Sie App Service-Pläne verwalten. Mit einer Web-App können Sie Web-Apps verwalten, die im Plan ausgeführt werden. Durchsuchen von Websites und des Azure-Portals, Erstellen neuer Websites und Bereitstellen für Slots

Schnellstart: Erstellen einer Node.js-Web-App in Azure

Schnellstart: Ausführen eines benutzerdefinierten Containers in Azure
Azure Cosmos DB 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
Storage Visual Studio Code-Erweiterung

Azure-Befehlszeilenschnittstelle

Speicheremulator: Azurite		 Azure Storage mit Blobcontainern, Dateifreigaben, Tabellen und Warteschlangen

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

Weitere Ressourcen:

TypeScript

TypeScript bietet alle Features von JavaScript und eine andere Ebene darüber: TypeScripts Typsystem. Der Hauptvorteil von TypeScript besteht darin, dass auf unerwartetes Verhalten in Ihrem Code hingewiesen werden kann, um die Fehlerwahrscheinlichkeit zu verringern.

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.

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 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.

CI/CD-Tools

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

Docker-Container

Wenn Sie nach einem Microsoft- oder Azure-spezifischen Docker-Image suchen, verwenden Sie die Microsoft Container Registry (MRC), um ein Image abzufragen.

Lokale Entwicklung

Wenn Sie Docker-Container in der Regel lokal in Ihrer Entwicklungsumgebung nutzen, sollten Sie die Verwendung der Erweiterung Remotecontainer in Erwägung ziehen. Mit dieser Erweiterung können Sie einen relevanten Container für den aktuellen geöffneten Ordner in Visual Studio Code suchen. Sie können zwischen mehreren Node.js-Containern wählen oder einen eigenen Container verwenden. Nachdem Sie das Projekt in einem Container geöffnet haben, können Sie Breakpoints wie in Ihrer lokalen Umgebung festlegen und debuggen.

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.

If you use the Azure portal, the Azure CLI is available in the portal from the top navigation bar.

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:

Playwright

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.

Rush

Rush ist ein skalierbarer Monorepo-Manager für das Web.

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 diesen Ressourcentyp.
  • Einige Ressourcen verfügen über zwei Schlüssel, Verbindungszeichenfolgen oder andere Schutzeinrichtungen. Es werden zwei Schlüssel verwendet, damit zwei unterschiedliche Entwickler gemeinsam an einem Projekt arbeiten können, ohne dass sie den Schlüssel oder die Verbindungszeichenfolge austauschen müssen. Führen Sie eine Schlüsselrotation durch, wenn ein Entwickler das Projekt verlässt.
  • 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.

Nächste Schritte