Tools für JavaScript-Entwickler in 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.
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 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 Resource Group | 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 | 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 |
| 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 |
| Speicher | 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 |
Um alle Azure-Erweiterungen anzuzeigen, verwenden Sie diesen Link:
TypeScript
TypeScript bietet alle Features von JavaScript und stellt ein starkes, aber flexibles Typsystem bereit.
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.
- Git oder Git für Windows
- GitHub-Aktionen
- Azure Pipelines-Integration
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.
Tools für Container
Tools für Entwicklungscontainer
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.
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:
- Beispiele für das Azure SDK für JS
- Beispiele für die Microsoft-Authentifizierungsbibliothek für JS (MSAL.js)
- JavaScript-End-to-End-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.
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.
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.