Belangrijkste taken voor JavaScript-ontwikkelaars
Zoek een voorbeeld van uw huidige taak. Als u een taak niet kunt vinden, kunt u feedback geven om uw taak aan te vragen.
Active Directory-app
Verificatie bieden.
Documentatie voor AD-app-registratie
| Taak | gebruiken |
|---|---|
| Een app-registratie maken | Portal Azure-CLI |
| Eenvoudige verificatie | Statische web-apps Express.js |
| Lijst met app-registraties | Azure-CLI |
MsAL-knop Aanmelden/aanmelden met @azure/msal-browser |
React/TypeScript |
MSAL-React het @azure/msal-browser doorgeven van gebruikersreferenties aan functie-API |
React en Azure Function-API |
MSAL-Express.js met @azure/msal-node |
Express.js |
| Machtiging AAD intrekken | https://myapplications.microsoft.com/ |
| Machtiging voor consument intrekken | https://account.live.com/consent/manage |
| Aanmelden | Azure-CLI Visual Studio Code-extensie |
Azure-resourcegroepen
| Taak | gebruiken |
|---|---|
| Een resourcegroep maken | Azure-CLI TypeScript |
| Resourcegroep verwijderen | Azure-CLI TypeScript |
| Resourcegroepen op een lijst zetten | TypeScript |
Apps
Statische web-apps
| Taak | gebruiken |
|---|---|
| Deno-app maken | Bash |
| Een React app maken die is gericht op de JavaScript-taal | Bash |
| Een React app maken die is gericht op de TypeScript-taal | Bash |
| Vue-app maken | Bash |
| Een Static Web Apps | Visual Studio Code-extensie Azure-CLI |
| Bladeren door site | Visual Studio Code-extensie |
| Proxy-SWA lokaal met SWA CLI | SWA CLI |
| SWA lokaal verifiëren met SWA CLI | SWA CLI |
| Lokale omgevingsvariabelen voor statische web-apps instellen | Bash |
Functie-apps (serverloos)
| Taak | gebruiken |
|---|---|
| Een functie-app lokaal maken | Visual Studio Code-extensie |
| HTTP-triggercode | JavaScript |
| De functie lokaal fouten opsporen/testen | Visual Studio Code |
| Functie implementeren in Azure-cloud | Visual Studio Code-extensie |
| Controleren of de API voor beveiligde functies beschikbaar is | Visual Studio Code-extensie/Browser |
| Functie-app-resource verwijderen | Visual Studio Code-extensie |
App Service: apps met volledige stack, alleen-server of alleen-client
| Taak | gebruiken |
|---|---|
| Lokale app Express.js maken | Bash |
| App-resource maken - omvat: Express.js app implementeren, logboeken streamen | Visual Studio Code-extensie |
| App-resource maken: omvat: een app Express.js implementeren, app-instellingen configureren, npm-installatie uitvoeren, bladeren naar geïmplementeerde website | Visual Studio Code-extensie |
| App-resource maken | Azure-CLI |
| App maken, implementeren, browser-app, logboeken weergeven | Azure-CLI |
| Web-app configureren voor het gebruik van database connection string | Azure-CLI |
| Web-app configureren voor het gebruik van een container | Azure-CLI |
| Aangepaste domeinnaam voor web-app configureren | Azure-CLI |
| App-resource verwijderen | Visual Studio Code-extensie Azure-CLI |
| App implementeren of opnieuw implementeren | Visual Studio Code-extensie |
| Extern IP-adres van web-app downloaden | Azure-CLI |
| Een domeinnaam kopen en DNS-record configureren | Azure-CLI |
| Externe logboeken streamen | Visual Studio Code-extensie Azure-CLI |
Cognitive Services
Documentatie voor servicegroep
| Taak | gebruiken |
|---|---|
| Een Cognitive Services ComputerVision-resource maken | Azure-CLI |
| Een computer Cognitive Services ComputerVision-resource | Azure-CLI |
| Azure SDK installeren | Bash |
Afbeelding analyseren met @azure/cognitiveservices-computervision |
Visual Studio Code |
Containers met inbegrip van Docker-taken
| Taak | gebruiken |
|---|---|
| Docker-bestanden toevoegen aan lokaal project | Visual Studio Code-extensie |
| Een Docker-afbeelding bouwen vanuit een lokaal project | Visual Studio Code-extensie |
| Een containerafbeelding maken van uw lokale JavaScript-project | Visual Studio Code |
| Een containerregisterresource maken | Visual Studio Code-extensie Azure-CLI |
| Dockerfile maken | Visual Studio Code-extensie |
| Afbeelding implementeren in App Service | Visual Studio Code-extensie |
| Azure Container Registry-referenties op halen | Azure-CLI |
| Aanmelden bij containerregister | BASH - Docker CLI |
| Push-afbeelding naar Docker-registerresource | Visual Studio Code-extensie |
| Push-afbeelding naar Azure Container Registry-resource | Visual Studio Code-extensie BASH - Docker CLI |
| Lokale container uitvoeren | Visual Studio Code-extensie |
| Uw lokale afbeelding taggen | BASH - Docker CLI |
| Docker-versie verifiëren | Bash |
Databases
Cassandra-API op Cosmos DB
| Taak | Gebruiken |
|---|---|
| Bron maken | Azure-portal Azure-CLI |
| Keystore maken voor resource | Azure-CLI |
| Tabel maken in keystore | Azure-CLI |
| Verbindingsgegevens ophalen | Azure-CLI |
| Cassandra-stuurprogramma-API gebruiken op Cosmos DB | JavaScript |
MariaDB
| Taak | Gebruiken |
|---|---|
| MariaDB-resource maken | Azure-portal Azure-CLI @azure/arm-mariadb |
| MariaDB-database maken op resource | Azure-CLI |
| Verbindingsreeks op halen | Azure-CLI |
| Database gebruiken en weergeven | Azure Cloud Shell's mysql CLI MySQL Workbench Visual Studio Code-extensie npm mariadb JavaScript |
MongoDB-API op Cosmos DB
| Taak | gebruiken |
|---|---|
| Een Cosmos DB MongoDB-resource maken | Visual Studio Code-extensie Azure-CLI |
| De Cosmos DB connection string | Visual Studio Code-extensie Azure-CLI |
| De Cosmos DB | Cosmos DB Explorer |
| Mongoose-API gebruiken voor mongoDB op Cosmos DB | JavaScript |
MySQL
| Taak | Gebruiken |
|---|---|
| Bron maken | Azure-portal Azure-CLI @azure/arm-mysql |
| Database op resource maken | Azure-CLI |
| Verbindingsreeks op halen | Azure-CLI |
| Database gebruiken en weergeven | MySQL Workbench Visual Studio Code-extensie npm mysql npm promise-mysql |
| Promise-mysql-API gebruiken | JavaScript |
PostgreSQL
| Taak | gebruiken |
|---|---|
| Bron maken | Visual Studio Code-extensie Azure-CLI Azure-portal @azure/arm-postgresql |
| Verbindingstekenreeks ophalen | Azure-CLI |
| Database weergeven | Visual Studio Code-extensie Azure Cloud Shell psql van de Azure Cloud Shell |
| pg API voor DB gebruiken | JavaScript |
SQL API op Cosmos DB
- Servicedocumentatie
- @azure/cosmosdb npm-pakket
| Taak | gebruiken |
|---|---|
| Firewallregel toevoegen voor het IP-adres van uw client | Azure-CLI |
| Een COSMOS DB maken - SQL API-resource | Visual Studio Code-extensie Azure-CLI |
| Uw Cosmos DB ophalen | Azure-CLI |
| De Cosmos DB connection string | Visual Studio Code-extensie |
| De Cosmos DB | Cosmos DB Explorer |
| Gebruik SQL API voor op Cosmos DB | JavaScript |
GraphQL
| Taak | gebruiken |
|---|---|
Een Hello World GraphQL-API implementeren als een Azure-functie |
VSCode |
| CRUD-bewerkingen in GraphQL API implementeren als een Azure-functie | VSCode |
Implementatie naar hostingomgeving
| Taak | gebruiken |
|---|---|
| Static Web App (SWA) | VS-code From Framework (Next.js) Azure Pipelines |
| Functies | VS-code Azure Pipelines GitHub Actions |
| App Service | Express.js VS Code Git Push GitHub Actions Azure DevOps |
Git
| Taak | gebruiken |
|---|---|
| Een lokale vertakking maken | Visual Studio code met opdrachtpalet Visual Studio code met statusbalk |
| Project klonen van GitHub naar lokale computer | Visual Studio Code |
| Een lokale vertakking naar een externe repo pushen | Visual Studio code met statusbalk Visual Studio Code met broncursusextensie |
GitHub
Acties
| Taak | gebruiken |
|---|---|
| Geheimen toevoegen | Visual Studio Code |
| Buildproces weergeven | GitHub website |
Key Vault
| Taak | gebruiken |
|---|---|
| Geheimen ophalen | @azure/keyvault-secrets |
Bewaking
| Taak | gebruiken |
|---|---|
| Bron maken | Azure-CLI |
Storage
| Taak | gebruiken |
|---|---|
| Bron maken | Visual Studio Code-extensie |
| Resource verwijderen | Visual Studio Code-extensie |
| Een SAS Storage-token (Shared Access Signature) voor containers maken | Portal |
| SAS-token instellen in code | TypeScript |
| CORS configureren voor Storage | Portal |
| Azurite Storage emulator gebruiken | Visual Studio Code |
Blobs
| Taak | gebruiken |
|---|---|
Container in opslag maken met @azure/storage-blob |
React/TypeScript |
Upload bestand opslaan met@azure/storage-blob |
React/TypeScript |
| Upload bestand toevoegen Storage functie-API | TypeScript met out-binding |
Terminalgebruik
| Taak | gebruiken |
|---|---|
| Geïntegreerde terminal | Visual Studio Code |
Virtuele machines
| Taak | gebruiken |
|---|---|
| Maken - met cloud-init-bestand | YAML |
| Maken - met Azure CLI - Linux-VM-resource | Azure-CLI |
| Verbinding maken- Open poort van linux-VM | Azure-CLI |
| Verbinding maken - met SSH | Bash |
| Status op halen | @azure/arm-compute |
| Lijst met VM's opvragen | @azure/arm-compute |
| VM stoppen | @azure/arm-compute |
| VM starten | @azure/arm-compute |
| Logboeken - SDK voor bewaking installeren | Bash |
| Logboeken: bewakingscode toevoegen aan Express.js app | applicationinsights |
| Logboeken weergeven | Azure-CLI Portal |
| Verwijderen | @azure/arm-resources |
Visual Studio Code: JavaScript-apps ontwikkelen en fouten opsporen
Documentatie voor hulpprogramma's
| Taak | gebruiken |
|---|---|
| Code-voltooiing | Visual Studio Code |
| Lokale app voor Node.js vinden | Visual Studio Code |
| Lokale volledige stack-debugging | Visual Studio Code |
| Door de projectbestanden en code navigeren | Visual Studio Code |
| De lokale app Node.js uitvoeren | Visual Studio Code |
Voorbeelden die deze taken ondersteunen
| Naam | Beschrijving |
|---|---|
| React app met functie-API | Bouw lokaal een React/TypeScript-clienttoepassing met een Azure Function-API en implementeer deze in een statische Azure-web-app met GitHub actie. TutorialVoorbeeldcode |
| React-app met Cognitive Services | Bouw lokaal een React/TypeScript-clienttoepassing en implementeer deze in een Azure Static Web App met een GitHub actie. TutorialVoorbeeldcode |
| React app uploaden naar Azure Storage Blobs | Dit voorbeeldproject is een TypeScript React frameworkclient-app (create-react-app) met een HTML-formulier om een bestand te selecteren dat moet worden geüpload naar Azure Storage Blobs. TutorialVoorbeeldcode |
| React app met aanmeldingsknop | De spa die in deze zelfstudie is gebouwd, is een React-app (create-react-app) met de volgende taken: * Meld u aan met een door Microsoft ondersteunde aanmelding, Office 365 of Outlook.com * Afmelden bij de toepassing TutorialVoorbeeldcode |
| Azure Function-app met MongoDB | De MongoDB-databasefunctionaliteit omvat: * Item toevoegen * Item verwijderen op id * Item op id op halen * Alle items op te halen TutorialVoorbeeldcode |
| Uploadbestand van Azure Function-app naar Blob Storage | In dit artikel wordt beschreven hoe u een Azure Function-API maakt, waarmee een bestand naar Azure Storage wordt geüpload met behulp van een out-binding om de inhoud van het bestand van de API naar de Storage. * Lokaal ontwikkelen en uitvoeren met Azurite Storage emulatie en Azure Functions Core-hulpprogramma's. * Implementeren naar Azure Functions met een Storage resource * Logboeken controleren in Application Insights TutorialVoorbeeldcode |
| Azure Function-app voor het beheren van resourcegroepen | In deze reeks artikelen maakt u een Azure Function-app met API's om Azure-resourcegroepen te beheren. Functies en functionaliteit van deze reeks artikelen: * Lokaal Azure Function-app-project maken in Visual Studio Code * Standaardcode voor functie-API's maken in Visual Studio Code * Implementeren naar Azure Functions * Service-principal maken * Instellingen voor lokale en externe toepassingen configureren * Gebruik DefaultAzureCredential in zowel lokale als externe omgevingen * Azure SDK's gebruiken om Azure Identity- en Azure Resource Management-API's te gebruiken * Gebruik uw lokale en cloud-API's om resourcegroepen in uw abonnement te maken, te verwijderen en weer te brengen. ArtikelreeksVoorbeeldcode |
| Express.js met MongoDB-database | In de zelfstudie wordt gedemonstreerd hoe u het project lokaal kunt laden en uitvoeren met VSCode, met behulp van extensies, en hoe u de code op afstand kunt uitvoeren in een App Service. De zelfstudie omvat het maken van een Cosmos DB-resource voor de Mongo-API, het verkrijgen van de verbindingsgegevens en het instellen van de app-serviceconfiguratie-instelling om verbinding te maken met een clouddatabase. TutorialVoorbeeldcode |
| Express.js app geïmplementeerd op VM met cloud-init-bestand | Maak een virtuele Linux-machine (VM) voor een Express.js app. De VM is geconfigureerd met een cloud-init-configuratiebestand en bevat NGINX en een GitHub-opslagplaats voor een Express.js app. Zodra de VM wordt uitgevoerd, kunt u verbinding maken met de VM via SSH, de web-app wijzigen in traceerlogregistratie en de openbare Express.js-server-app weergeven in een webbrowser. TutorialVoorbeeldcode |
| Serverloze GraphQL-functie | Hallo wereld met TypeScript, klaar om te implementeren in Azure Function. Voorbeeldcode |
| Serverloze CRUD-functie van GraphQL | CRUD-bewerkingen met TypeScript, klaar om te worden geïmplementeerd in Azure Function. Voorbeeldcode |
| Statische GraphQL-web-app | Statische web-app met React-client en Azure Function, beide met gedeelde TypeScript-modellen die een trivia-game demonstreren, met gegevens die zijn op Cosmos DB SQL API. Voorbeeldcode |
Gebruik de end-to-end-verzameling https://github.com/azure-samples/js-e2e JavaScript-codefragmenten, , om JavaScript- of TypeScript-codevoorbeelden te zoeken of te verzenden.
Gebruik de browser Azure-voorbeelden om meer voorbeelden te vinden die uw specifieke use-case ondersteunen.