De viktigaste uppgifterna för JavaScript-utvecklare
Hitta ett exempel på din aktuella uppgift. Om du inte hittar en uppgift kan du lämna feedback och begära din uppgift.
Active Directory-app
Ange autentisering.
Dokumentation om AD-appregistrering
| Uppgift | använda |
|---|---|
| Skapa en appregistrering | Portal Azure CLI |
| Enkel autentisering | Statiska webbappar Express.js |
| Lista appregistrering | Azure CLI |
KNAPPEN MSAL-inloggning/utloggning med hjälp av @azure/msal-browser |
React/TypeScript |
MSAL React att skicka @azure/msal-browser användarautentiseringsuppgifter till funktions-API |
React och Azure Function API |
MSAL-Express.js med @azure/msal-node |
Express.js |
| Återkalla AAD behörighet | https://myapplications.microsoft.com/ |
| Återkalla konsumentbehörighet | https://account.live.com/consent/manage |
| Inloggning | Azure CLI Visual Studio Code-tillägg |
Azure-resursgrupper
| Uppgift | använda |
|---|---|
| Skapa resursgrupp | Azure CLI TypeScript |
| Ta bort resursgrupp | Azure CLI TypeScript |
| Visa en lista över resursgrupper | TypeScript |
Appar
Statiska webbappar
| Uppgift | använda |
|---|---|
| Skapa Deno-app | Bash |
| Skapa React för JavaScript-språk | Bash |
| Skapa React för TypeScript-språk | Bash |
| Skapa Vue-app | Bash |
| Skapa Static Web Apps | Visual Studio Code-tillägg Azure CLI |
| Bläddra på webbplatsen | Visual Studio Code-tillägg |
| Proxy-SWA lokalt med SWA CLI | SWA CLI |
| Autentisera SWA lokalt med SWA CLI | SWA CLI |
| Ange lokala miljövariabler för statisk webbapp | Bash |
Funktionsappar (serverlösa)
| Uppgift | använda |
|---|---|
| Skapa Functions-app lokalt | Visual Studio Code-tillägg |
| HTTP-utlösarkod | JavaScript |
| Felsöka/testa funktionen lokalt | Visual Studio Code |
| Funktionen Deploy to Azure cloud (Distribuera funktion till Azure-moln) | Visual Studio Code-tillägg |
| Kontrollera att API:et för säker funktion är tillgängligt | Visual Studio kodtillägg/webbläsare |
| Ta bort funktionsappresurs | Visual Studio Code-tillägg |
App Service – appar med fullständig stack, endast server eller enbart klient
| Uppgift | använda |
|---|---|
| Skapa en lokal Express.js app | Bash |
| Skapa appresurs – omfattar: distribuera Express.js app, strömma loggar | Visual Studio Code-tillägg |
| Skapa appresurs – omfattar: distribuera Express.js,konfigurera appinställningar, köra npm-installation, bläddra till den distribuerade webbplatsen | Visual Studio Code-tillägg |
| Skapa appresurs | Azure CLI |
| Skapa app, distribuera, webbläsarapp, visa loggar | Azure CLI |
| Konfigurera webbappen att använda databasanslutningssträngen | Azure CLI |
| Konfigurera webbappen för att använda container | Azure CLI |
| Konfigurera ett anpassat domännamn för webbappen | Azure CLI |
| Ta bort appresurs | Visual Studio Code-tillägg Azure CLI |
| Distribuera eller distribuera om app | Visual Studio Code-tillägg |
| Hämta extern IP-adress för webbapp | Azure CLI |
| Köpa ett domännamn och konfigurera DNS-post | Azure CLI |
| Strömma fjärrloggar | Visual Studio Code-tillägg Azure CLI |
Cognitive Services
| Uppgift | använda |
|---|---|
| Skapa Cognitive Services ComputerVision-resurs | Azure CLI |
| Hämta Cognitive Services ComputerVision-resurs | Azure CLI |
| Installera Azure SDK | Bash |
Analysera bild med @azure/cognitiveservices-computervision |
Visual Studio Code |
Containrar inklusive Docker-uppgifter
| Uppgift | använda |
|---|---|
| Lägga till Docker-filer i ett lokalt projekt | Visual Studio Code-tillägg |
| Skapa Docker-avbildning från ett lokalt projekt | Visual Studio Code-tillägg |
| Skapa en containeravbildning från ditt lokala JavaScript-projekt | Visual Studio Code |
| Skapa containerregisterresurs | Visual Studio Code-tillägg Azure CLI |
| Skapa Dockerfile | Visual Studio Code-tillägg |
| Distribuera avbildning till App Service | Visual Studio Code-tillägg |
| Hämta autentiseringsuppgifter för Azure-containerregister | Azure CLI |
| Logga in på containerregistret | BASH – Docker CLI |
| Push-push-avbildning till Docker-registerresurs | Visual Studio Code-tillägg |
| Push-avbildning till Azure Container Registry-resurs | Visual Studio Code-tillägg BASH – Docker CLI |
| Köra lokal container | Visual Studio Code-tillägg |
| Tagga din lokala avbildning | BASH – Docker CLI |
| Verifiera Docker-versionen | Bash |
Databaser
API för Cassandra på Cosmos DB
| Uppgift | Använda |
|---|---|
| Skapa resurs | Azure Portal Azure CLI |
| Skapa nyckellager för resurs | Azure CLI |
| Skapa tabell i keystore | Azure CLI |
| Hämta anslutningsinformation | Azure CLI |
| Använda API för cassandra-drivrutin på Cosmos DB | JavaScript |
MariaDB
| Uppgift | Använda |
|---|---|
| Skapa MariaDB-resurs | Azure Portal Azure CLI @azure/arm-mariadb |
| Skapa MariaDB-databas för resurs | Azure CLI |
| Hämta anslutningssträng | Azure CLI |
| Använda och visa databas | Azure Cloud Shell's mysql CLI MySQL Workbench Visual Studio Code-tillägg npm mariadb JavaScript |
MongoDB API på Cosmos DB
| Uppgift | använda |
|---|---|
| Skapa Cosmos DB – MongoDB-resurs | Visual Studio Code-tillägg Azure CLI |
| Hämta Cosmos DB anslutningssträng | Visual Studio Code-tillägg Azure CLI |
| Visa Cosmos DB | Cosmos DB Explorer |
| Använda Mongoose API för mongoDB på Cosmos DB | JavaScript |
MySQL
| Uppgift | Använda |
|---|---|
| Skapa resurs | Azure Portal Azure CLI @azure/arm-mysql |
| Skapa databas på resurs | Azure CLI |
| Hämta anslutningssträng | Azure CLI |
| Använda och visa databas | MySQL Workbench Visual Studio Code-tillägg npm mysql npm promise-mysql |
| Använda promise-mysql API | JavaScript |
PostgreSQL
| Uppgift | använda |
|---|---|
| Skapa resurs | Visual Studio Code-tillägg Azure CLI Azure Portal @azure/arm-postgresql |
| Hämta anslutningssträng | Azure CLI |
| Visa databas | Visual Studio Code-tillägg Azure Cloud Shell psql |
| Använda pg API för DB | JavaScript |
SQL API på Cosmos DB
- Tjänstdokumentation
- @azure/cosmosdb npm package
| Uppgift | använda |
|---|---|
| Lägga till brandväggsregel för klientens IP-adress | Azure CLI |
| Skapa Cosmos DB – SQL API-resurs | Visual Studio Code-tillägg Azure CLI |
| Hämta Cosmos DB nycklar | Azure CLI |
| Hämta Cosmos DB anslutningssträng | Visual Studio Code-tillägg |
| Visa Cosmos DB | Cosmos DB Explorer |
| Använda SQL API för på Cosmos DB | JavaScript |
GraphQL
| Uppgift | använda |
|---|---|
Distribuera ett Hello World GraphQL API som en Azure-funktion |
VSCode |
| Distribuera CRUD-åtgärder i GraphQL API som en Azure-funktion | VSCode |
Distribution till värdmiljö
| Uppgift | använda |
|---|---|
| Statisk webbapp (SWA) | VS-kod Från Framework (Next.js) Azure-pipelines |
| Functions | VS-kod Azure-pipelines GitHub Actions |
| App Service | Express.js med VS Code Push-överför till Git GitHub Actions Azure DevOps |
Git
| Uppgift | använda |
|---|---|
| Skapa en lokal gren | Visual Studio kod med kommandopaletten Visual Studio kod med statusfältet |
| Klona projekt från GitHub till lokal dator | Visual Studio Code |
| Push-skicka en lokal gren till fjärrlagringsplatsen | Visual Studio kod med statusfältet Visual Studio kod med tillägget Source Course |
GitHub
Åtgärder
| Uppgift | använda |
|---|---|
| Lägga till hemligheter | Visual Studio Code |
| Visa byggprocess | GitHub webbplats |
Key Vault
| Uppgift | använda |
|---|---|
| Hämta hemligheter | @azure/keyvault-secrets |
Övervakning
| Uppgift | använda |
|---|---|
| Skapa resurs | Azure CLI |
Storage
| Uppgift | använda |
|---|---|
| Skapa resurs | Visual Studio Code-tillägg |
| Ta bort resurs | Visual Studio Code-tillägg |
| Skapa Storage SAS-token (signatur för delad åtkomst) för container | Portal |
| Ange SAS-token i kod | TypeScript |
| Konfigurera CORS för Storage | Portal |
| Använda Azurite Storage emulatorn | Visual Studio Code |
Blobar
| Uppgift | använda |
|---|---|
Skapa container i lagring med @azure/storage-blob |
React/TypeScript |
Upload till lagring med@azure/storage-blob |
React/TypeScript |
| Upload fil som ska Storage med funktions-API | TypeScript med ut-bindning |
Terminalanvändning
| Uppgift | använda |
|---|---|
| Integrerad terminal | Visual Studio Code |
Virtuella datorer
| Uppgift | använda |
|---|---|
| Skapa – med cloud-init-fil | YAML |
| Skapa – med Azure CLI – resurs för virtuell Linux-dator | Azure CLI |
| Anslut – Öppna porten för den virtuella Linux-datorn | Azure CLI |
| Anslut – med SSH | Bash |
| Hämta status | @azure/arm-compute |
| Lista över virtuella datorer | @azure/arm-compute |
| Stoppa virtuell dator | @azure/arm-compute |
| Starta VM | @azure/arm-compute |
| Loggar – Installera Övervaknings-SDK | Bash |
| Loggar – Lägga till övervakningskod i Express.js appen | applicationinsights |
| Visa loggar | Azure CLI Portal |
| Ta bort | @azure-/arm-resurser |
Visual Studio Code: Utveckla och felsöka JavaScript-appar
| Uppgift | använda |
|---|---|
| Slutförande av kod | Visual Studio Code |
| Felsöka lokal Node.js app | Visual Studio Code |
| Lokal fullständig stackfelsökning | Visual Studio Code |
| Navigera i projektfilerna och koden | Visual Studio Code |
| Köra den lokala Node.js appen | Visual Studio Code |
Exempel som stöder dessa uppgifter
| Name | Beskrivning |
|---|---|
| React med funktions-API | Skapa och distribuera lokalt ett React-/TypeScript-klientprogram med ett Azure Function-API till en statisk Azure-webbapp med en GitHub-åtgärd. TutorialExempelkod |
| React med hjälp av Cognitive Services | Skapa och distribuera lokalt ett React-/TypeScript-klientprogram till en statisk Azure-webbapp med en GitHub åtgärd. TutorialExempelkod |
| React överför en fil till Azure Storage blobar | Det här exempelprojektet är en TypeScript React-klientapp (create-react-app) med ett HTML-formulär för att välja en fil för uppladdning Azure Storage blobar. TutorialExempelkod |
| React app med inloggningsknapp | SPA som bygger på den här självstudien är React app (create-react-app) med följande uppgifter: * Logga in med en inloggning som stöds av Microsoft, till exempel Office 365 eller Outlook.com * Logga ut från programmet TutorialExempelkod |
| Azure-funktionsapp med MongoDB | MongoDB-databasfunktionerna omfattar: * Lägg till objekt * Ta bort objekt efter ID * Hämta objekt efter ID * Hämta alla objekt TutorialExempelkod |
| Azure Function-appuppladdningsfil till Blob Storage | Den här artikeln visar hur du skapar ett Azure Function-API som laddar upp en fil till Azure Storage med hjälp av en out-bindning för att flytta filinnehållet från API:et till Storage. * Utveckla och kör lokalt med Azurite Storage emulering och Azure Functions Core-verktyg. * Distribuera till Azure Functions med en Storage resurs * Granska loggar i Application Insights TutorialExempelkod |
| Azure-funktionsapp för att hantera resursgrupper | I den här artikelserien skapar du en Azure-funktionsapp med API:er för att hantera Azure-resursgrupper. Funktioner i den här artikelserien: * Skapa ett lokalt Azure Function-appprojekt i Visual Studio Code * Skapa funktions-API:er med exempelkod i Visual Studio Code * Distribuera till Azure Functions * Skapa tjänstens huvudnamn * Konfigurera inställningar för lokala program och fjärrprogram * Använd DefaultAzureCredential i både lokala och fjärranslutna miljöer * Använda Azure-API:er för att använda Azure Identity och Azure Resource Management-API:er * Använd dina lokala och molnbaserade API:er för att skapa, ta bort och lista resursgrupper i din prenumeration. ArtikelserieExempelkod |
| Express.js med MongoDB-databas | Självstudien visar hur du läser in och kör projektet lokalt med VSCode, med hjälp av tillägg, samt hur du fjärrkörningar koden på en App-tjänst. I självstudien ingår att skapa Cosmos DB resurs för Mongo-API:et, hämta anslutningsinformationen och ange den i konfigurationsinställningen för App Service för att ansluta till en molndatabas. TutorialExempelkod |
| Express.js-app distribuerad till virtuell dator med cloud-init-fil | Skapa en virtuell Linux-dator (VM) för en Express.js app. Den virtuella datorn konfigureras med en cloud-init-konfigurationsfil och innehåller NGINX och en GitHub för en Express.js app. När den virtuella datorn körs kan du ansluta till den virtuella datorn med SSH, ändra webbappen till att inkludera spårningsloggning och visa den offentliga Express.js-serverappen i en webbläsare. TutorialExempelkod |
| GraphQL-serverlös funktion | Hello World med TypeScript, redo att distribueras till Azure Function. Exempelkod |
| GraphQL-funktionen för serverlös CRUD | CRUD-åtgärder med TypeScript, redo att distribueras till Azure Function. Exempelkod |
| Statisk GraphQL-webbapp | Statisk webbapp med React klienten och Azure Function, båda med delade TypeScript-modeller som demonstrerar ett Trivia-spel, med data som lagras i Cosmos DB SQL API. Exempelkod |
Använd samlingen med JavaScript-kodfragment från slutet till slut, , för https://github.com/azure-samples/js-e2e att hitta eller skicka JavaScript- eller TypeScript-kodexempel.
Använd azure-exempelwebbläsaren för att hitta fler exempel som stöder ditt specifika användningsfall.