Översikt över JavaScript-utvecklarverktyg för Azure

JavaScript är ett ekosystem med många verktyg. Den här artikeln är ett urval av verktyg som skapats och underhålls av Microsoft för JavaScript-utvecklare. Du behöver inte använda dessa verktyg för att använda Azure, det gör bara upplevelsen bättre, både i funktioner och support.

Azure-portalen

Azure-portalen ger dig åtkomst till alla prenumerationer och resurser för ditt konto. De nya förbättringarna av Azure Portal ger förbättrade navigerings- och anpassningsalternativ.

Visual Studio Code

Visual Studio Code är den föredragna IDE:en för JavaScript-utveckling för Azure. Gränssnittet, funktionerna och tilläggen fungerar tillsammans för att förkorta utvecklingstiden och minska utvecklings frustrationen.

Skapa en projektarbetsyta i roten för ditt lokala utvecklingsprojekt och lägg sedan till alla relevanta konfigurationer, inställningar och tillägg. Checka in arbetsytefilen med projektet så att alla teammedlemmar har åtkomst till de inställningar och verktyg de behöver för projektet.

Du får flera fördelar med Visual Studio Code:

  • Visual Studio Code visar Azure-referensdokumentationen integrerad
  • Visual Studio Code ger slutförande av instruktioner med AI-assisterad utveckling via GitHub Copilot
  • Få tvetydiga typer eller objekt
  • Integrerat terminal- och felsökningsstöd

Visual Studio Code innehåller omfattande dokumentation för JavaScript-projektanvändning.

Produktivitetsverktyg för AI och utvecklarproduktivitet

AI-baserade verktyg förbättrar ditt JavaScript-utvecklingsarbetsflöde på Azure genom att tillhandahålla intelligent kodhjälp, resurshantering, testningsautomatisering och distributionsstöd.

Verktyg Beskrivning
GitHub Copilot för Azure AI-assisterad kodning med Azure-specifik kontext. Ställ frågor om Azure tjänster, generera infrastrukturkod och få hjälp med Azure SDKs användning direkt i VS Code.
Azure MCP Server Modellera context protocol-verktyg som ansluter din IDE till Azure resurser. Fråga efter resurskonfigurationer, hantera distributioner och verifiera inställningar utan att lämna redigeraren.
Azure-kunskaper Sammansättningsbara AI-funktioner för Azure arbetsflöden, inklusive diagnostik, efterlevnadsgenomsökning, distributionsverifiering och resursetablering – kan användas från GitHub Copilot eller mcp-kompatibla klienter.
Playwright MCP Verktyg för webbläsarautomatisering som exponeras via MCP för testning från slutpunkt till slutpunkt. Kör Playwright-tester, ta skärmbilder och validera interaktioner med webbgränssnittet med AI-hjälp.
Azure Developer CLI (azd) Effektivisera hela arbetsflödet för utveckling till distribution. Initiera projekt från mallar, etablera infrastruktur och distribuera kod med ett enda verktyg.

De här verktygen fungerar tillsammans för att minska kontextväxlingen mellan redigeringsprogrammet och Azure portalen. Som exempel:

  • Använd GitHub Copilot för att skriva Azure SDKs kod med infogade förslag
  • Använd Azure MCP Server för att kontrollera att resurskonfigurationerna är korrekta
  • Använd Azure Skills för att köra efterlevnadsgenomsökningar eller felsöka distributioner som misslyckas
  • Använd Playwright MCP för att automatisera webbläsarbaserad testning av dina Azure värdbaserade appar
  • Använd azd för att etablera och distribuera ditt program i ett steg

Verktyg för Azure-tjänster

Använd följande kostnadsfria tillägg för att använda Azure-tjänster direkt i Visual Studio Code.

Tjänst Arbetsredskap Beskrivning
De viktigaste tjänsterna Visual Studio Code-tillägget En samling tillägg. Hämta alla de främsta Azure-tjänsterna i det här tillägget från Microsoft.
Azure-resursgrupp Visual Studio Code-tillägget

Azure CLI		 Visa och hantera Azure-resurser.

Självstudie: Driftsätta Express.js MongoDB-app till App Service med Visual Studio Code

Självstudie: Lägg till kognitiv sökning på en webbplats
Azure Static webbappar Visual Studio Code-tillägget

SWA CLI		 Skapa och hantera Azure Static Web Apps med hjälp av VS Code-tillägget eller Static Web Apps CLI (SWA CLI). VS Code-tillägget integreras med redigeraren, medan SWA CLI simulerar Azure-tjänster lokalt.
Azure-funktioner Visual Studio Code-tillägget

Azure CLI

npm-paket		 Skapa, hantera, visa, felsök och distribuera funktioner.

Snabbstart: Skapa en JavaScript-funktion i Azure med Visual Studio Code-
Azure Container-applikationer Visual Studio Code-tillägget

Azure CLI-containerapp		 Med Azure Container Apps kan du köra mikrotjänster och containerbaserade program på en serverlös plattform. Hantera dina containerappar, distribuera nya versioner och övervaka prestanda.

Självstudie: Distribuera en frontend-mikrotjänstapplikation

Självstudie: Distribuera en backend-mikrotjänstapplikation

Har nu stöd för jobbbelastningar i batchbearbetningsscenarier.
Azure Cosmos DB Azure Cosmos DB för Visual Studio Code

Azure CLI		 Skapa, bläddra, fråga och uppdatera Azure Cosmos DB-data direkt från VS Code utan att växla kontexter. Stöder globalt distribuerade databaser med flera modeller i Azure.

Läs mer

Snabbstart: Ansluta Azure Functions till Azure Cosmos DB med Visual Studio Code

Innehåller nu integrerade vektorsökningsfunktioner för AI-applikationer.
Azure DocumentDB DocumentDB för Visual Studio Code

Azure CLI		 Bläddra, hantera och fråga DocumentDB- och MongoDB-databaser direkt från VS Code. DocumentDB är en fullständigt hanterad, MongoDB-kompatibel tjänst baserad på DocumentDB-motorn med öppen källkod. Stöder hybrid- och multimolnsdistributioner med förutsägbara priser.
Lagring Visual Studio Code-tillägget

Azure CLI

Storage Emulator – Azurite		 Azure Storage, inklusive Blob-containrar, Fildelningar, Tabeller och Köer.

Snabbstart: Ansluta Azure Functions till Azure Storage med Visual Studio Code-

Innehåller nu förbättrade funktioner för prestanda och dataskydd.
Gjuteriverktyg AI Studio

Azure OpenAI SDK		 Skapa intelligenta program med hjälp av AI-funktioner.

Snabbstart: Skapa ett RAG-program med JavaScript och Azure AI

Stödjer retrieval augmented generation (RAG) och vektorsökning.

Utforska alla Azure-tillägg för VS Code

TypeScript

TypeScript erbjuder alla JavaScript-funktioner och ett starkt men flexibelt typsystem. TypeScript 5.0+ innehåller betydande prestandaförbättringar och nya funktioner som uttalandet using för resurshantering.

TypeScript och Azure SDKs-klientbiblioteken

Referensdokumentationen för Azure SDKs-klientbiblioteket är skriven för TypeScript eftersom klientbiblioteken är skrivna med TypeScript. Du behöver inte använda TypeScript för att använda Azure SDKs-klientbiblioteken.

Läs mer om riktlinjerna för TypeScript för Azure SDKs.

Utplacering

Det främsta distributionsverktyget för Azure är Azure Development CLI. Med det här verktyget kan du skapa och konfigurera dina Azure-tjänster med Bicep eller Terraformoch sedan distribuera källkoden.

Använd Awesome AZD- för att hitta distributionsbara exempel för att förstå lösningarna från slutpunkt till slutpunkt för Azure.

Verktyg för kontinuerlig integrering och testning (CICD)

Följande integreringsverktyg för byggande och distribution ökar produktiviteten i dina pipelines.

Behållare

Om du söker en Microsoft- eller Azure-specifik Docker-avbildning använder du Microsoft Container Registry (MRC) för att söka efter en avbildning.

Verktyg för containrar:

Verktyg för utvecklingscontainrar:

Azure CLI (kommandoradsgränssnittet för Azure)

Azure CLI är optimerat för att hantera Azure-resurser från kommandoraden.

Azure CLI tillhandahåller följande användningsscenarier:

Om du använder Azure-portalen är Azure CLI tillgängligt i portalen från det övre navigeringsfältet.

Om du använder Azure-portalen är Azure CLI tillgängligt i portalen från det övre navigeringsfältet.

Exempelprogram, kod och kodfragment

GitHub-organisationen Azure-Samplesinnehåller många exempel på de produkter och tjänster som erbjuds av Azure. Använd webbläsaren Azure Samples för att hitta ett exempel som uppfyller dina behov.

Andra exempel är:

  • Azure SDKs för JS exempel
  • Microsofts autentiseringsbibliotek for JS (MSAL.js) exempel
  • Exempel på JavaScript från slutpunkt till slutpunkt
  • AI-exempel för RAG-applikationer

Dramatiker

Playwright är ett Node.js bibliotek för att automatisera Chromium, Firefox och WebKit med ett enda API. Playwright är byggt för att möjliggöra webbläsarbaserad webbautomatisering som är grön, kapabel, tillförlitlig och snabb. Har nu stöd för komponenttestning och användargränssnittsläge för förbättrad felsökning.

Rusning

Rush är ett skalbart hanteringssystem för monorepo på webben. De senaste uppdateringarna har förbättrat prestanda och lagt till stöd för Node.js 20.

Windows-terminal

Windows Terminál kan du komma åt flera olika terminaltyper från samma Windows-program, inklusive Azure CLI och Ubuntu. Använd det här verktyget för att utveckla och testa CICD bash-skript innan du använder skripten i GitHub Actions eller en annan pipeline.

Windows-undersystem för Linux

Med Windows-undersystem för Linux kan utvecklare köra en GNU/Linux-miljö, inklusive de flesta kommandoradsverktyg, verktyg och program, direkt i Windows, oförändrade, utan att behöva använda en traditionell virtuell dator eller installation med dubbel start. WSL 2 ger betydande prestandaförbättringar och fullständig kompatibilitet med systemsamtal.

Tips och råd för Azure JavaScript-utvecklare

Följande lista innehåller tips och tricks som Azure-utvecklare bör känna till för att vara mer produktiva:

  • Utveckla ett namngivningsschema för dina Azure-resurser.
  • Gruppera Azure-resurser i resursgrupper, som också använder ett namngivningsschema.
  • För varje Azure-resurs lägger du till taggar som kommunicerar resursens syfte, projekt och annan viktig information. De här taggarna visas på Azure-portalen, för den resursen, på sidan Översikt. Tänk på taggarna som ett sätt att dokumentera resursen.
  • De flesta resurser har minst en kostnadsfri version per prenumeration. Använd den här typen av resurs när du lär dig hur du använder den.
  • För "säkra som standard"-lösningar lär du dig hur du skapa resurser utan anslutningssträngar eller lösenord. Med den här säkerheten kan du använda samma kod i alla miljöer, utan att behöva hantera anslutningssträngar eller rotera nycklar.
  • De senaste npm-paketen för Azure börjar med @azure omfång.
  • De flesta Azure npm-paket kan använda StandardAzureCredential. Även om konfigurationen ser komplicerad ut är fördelen med att inte längre behöva hantera dina lokala och fjärrautentisering till Azure-plattformen bra för säkerhet och tidsbesparingar.
  • Alla Azure JavaScript-SDK:er innehåller TypeScript-typer. Med den här funktionen kan du enkelt använda starka typer för dina lösningar och veta att de inte kommer att bli osynkroniserade med SDK:t.

Relaterat innehåll

  • Last updated on