Konfigurera din lokala JavaScript-utvecklingsmiljö för Azure
När utvecklare skapar molnprogram föredrar de vanligtvis att testa kod på sina lokala arbetsstationer innan de distribuerar koden till en molnmiljö som Azure. Lokal utveckling ger dig fördelen av en bredare mängd verktyg tillsammans med en välbekant miljö.
Den här artikeln innehåller installationsanvisningar för att skapa och verifiera en lokal utvecklingsmiljö som är lämplig för JavaScript med Azure.
Skapa en prenumeration en gång
Azure-resurser skapas i en prenumeration och resursgrupp.
| Typ | Description |
|---|---|
| Utvärderingsprenumeration | Skapa en kostnadsfri utvärderingsprenumeration. |
| Befintlig prenumeration | Om du redan har en prenumeration kan du komma åt din befintliga prenumeration i Azure Portal,Azure CLI eller Azure-SDK:er för JavaScript. |
| Över flera prenumerationer | Om du behöver hantera flera prenumerationer kan du lära dig hur du skapar en hanteringsgrupp med JavaScript. |
Installation av en-gång-programvara
Azure-utveckling med JavaScript på din lokala arbetsstation föreslår vi att du installerar följande:
| Namn/installationsprogram | Description |
|---|---|
| Node.js LTS | Installera den senaste körningsmiljön för långsiktig support (LTS) för utveckling av lokala arbetsstationer. |
| Visual Studio Code | Visual Studio Code ger dig en bra integrerings- och kodupplevelse för JavaScript, men det krävs inte. Du kan använda valfri kodredigerare. |
Körtid för Azure-värd
Om du planerar att använda en Azure-resurs som värdmiljö för ditt program, till exempel en Azure-webbapp eller Azure Functions, bör du kontrollera att körningsversionen av Node.js för din lokala Node.js-utvecklingsmiljö matchar den Azure-resurskörning som du planerar att använda.
Rekommenderade lokala installationer
Följande vanliga lokala arbetsstationsinstallationer rekommenderas för att hjälpa till med dina lokala utvecklingsuppgifter.
| Name | Beskrivning |
|---|---|
| Azure CLI | Lokal eller molnbaserad CLI för att skapa och använda Azure-resurser. |
| Visual Studio Code-tillägg för Azure | VS Code-tillägg till IDE: |
| Git eller Git för Windows | Kommandoradsverktyg för källkontroll. Du kan använda ett annat källkontrollverktyg om du vill. |
Konfiguration en gång för autentisering
Om du vill använda samma autentiseringskod i lokal utveckling och den fjärranslutna Azure-värdmiljön använder du DefaultAzureCredential.
Så här använder du samma kod i alla miljöer:
- För lokal utveckling skapardu ett huvudnamn för tjänsten för att skapa och hantera Azure-resurser utan att använda ditt personliga konto.
- För Azure-värdtjänsterkan du läsa mer.
Arbeta med Azure och Azure SDK-klientbibliotek
Azure SDK-biblioteken tillhandahålls separat för varje tjänst. Du installerar varje bibliotek baserat på den Azure-tjänst som du behöver använda.
Varje nytt projekt som använder Azure bör:
- Skapa Azure-resurser och spara associerade nycklar eller konfiguration på en säker plats.
- Installera Azure SDK-bibliotek från NPM eller Yarn.
- Använd dina lokala autentiseringsuppgifter för tjänstens huvudnamn för att autentisera till Azure SDK och använd sedan konfigurationsinformation för att få åtkomst till specifika tjänster.
Skydda konfigurationsinformation
Det finns flera alternativ för att lagra konfigurationsinformation:
- Azure Key Vault att skapa och underhålla nycklar som ger åtkomst till och krypterar dina molnresurser, appar och lösningar.
- Dotenv är ett populärt npm-paket för att läsa miljövariabler från en fil. Se till att lägga till
.envfilen i filen så att filen inte.gitignore.envcheckas in i källkontrollen. Läs mer om miljövariabler i webbappar för Azure.
Skapa miljövariabler för Azure-biblioteken
Om du vill använda De Azure-inställningar som krävs av Azure SDK-biblioteken för att få åtkomst till Azure-molnet anger du de vanligaste värdena för miljövariablerna. Följande kommandon anger miljövariablerna för den lokala arbetsstationen.
I följande exempel är klient-ID:t tjänstens huvudnamns-ID och hemligheten för tjänstens huvudnamn.
AZURE_SUBSCRIPTION_ID="aa11bb33-cc77-dd88-ee99-0918273645aa"
AZURE_TENANT_ID="00112233-7777-8888-9999-aabbccddeeff"
AZURE_CLIENT_ID="12345678-1111-2222-3333-1234567890ab"
AZURE_CLIENT_SECRET="abcdef00-4444-5555-6666-1234567890ab"
Ersätt värdena som visas i de här kommandona med värdena för ditt specifika huvudnamn för tjänsten.
Skapa .env fil
En annan vanlig metod är att använda DOTENV NPM-paketet för att skapa .env en fil för dessa inställningar. Om du planerar att använda .env en ska du inte checka in .env i källkontrollen. Att lägga .env till filen i .ignore git-filen är standard för att se till att dessa inställningar checkas in i källkontrollen.
Installera npm-paket
För varje projekt rekommenderar vi att du alltid skapar en separat mapp och en egen package.json fil med hjälp av följande steg:
Öppna en terminal, kommandotolk eller bash-gränssnitt och skapa en ny mapp i projektet. Flytta sedan till den nya mappen.
mkdir MY-NEW-PROJECT && cd MY-NEW-PROJECTInitiera paketfilen:
npm init -yDå skapas filen package.json och minimiegenskaperna initieras.
Installera de Azure SDK-bibliotek som du behöver, till exempel det här exemplet:
npm install @azure/ai-text-analytics@5.0.0
Använda källkontroll med Visual Studio Code
Vi rekommenderar att du använder för vana att skapa en lagringsplats för källkontroll när du startar ett projekt. Du kan göra detta från Visual Studio Code.
I Visual Studio Code väljer du ikonen för källkontroll för att öppna Utforskaren för källkodskontroll och väljer sedan Initiera lagringsplats för att initiera en lokal Git-lagringsplats:

När lagringsplatsen har initierats och du har filer att lagra i källkontrollen anger du meddelandet och markerar bockmarkeringen för att skapa den första incheckningen
Initial commitav dina källfiler.
Skapa en ny lagringsplats på GitHub eller Azure DevOps och kopiera lagringsplatsens URL för nästa steg.
I den Visual Studio terminalen använder du följande git-kommando för att lägga till fjärrlagringsplatsen till din lokala lagringsplats. Ersätt
YOUR-ALIASoch med dina egnaYOUR-REPOSITORYvärden.git remote add origin https://github.com/YOUR-ALIAS/YOUR-REPOSITORY
Visual Studio Code innehåller många inbyggda git-funktioner. Mer information finns i Använda versionskontroll i VS Code.