Hlavní úlohy pro vývojáře v JavaScriptu
Vyhledejte příklad aktuálního úkolu. Pokud nemůžete najít úkol, ponechejte zpětnou vazbu požadující váš úkol.
Aplikace Active Directory
Zadejte ověřování.
Dokumentace k registraci aplikací AD
| Úkol | using |
|---|---|
| Vytvoření registrace aplikace | Azure Portal Azure CLI |
| Snadné ověřování | Static Web Apps Express.js |
| Zobrazení seznamu registrací aplikací | Azure CLI |
Tlačítko přihlášení/odhlášení MSAL pomocí @azure/msal-browser |
React/TypeScript |
MsAL React pomocí @azure/msal-browser předávání přihlašovacích údajů uživatele do rozhraní Function API |
React a rozhraní API služby Azure Function |
MsAL Express.js using @azure/msal-node |
Express.js |
| Odvolání AAD oprávnění | https://myapplications.microsoft.com/ |
| Odvolání oprávnění příjemce | https://account.live.com/consent/manage |
| Přihlásit | Azure CLI Visual Studio Code rozšíření |
Skupiny prostředků Azure
| Úkol | using |
|---|---|
| Vytvoření skupiny prostředků | Azure CLI TypeScript |
| Odstranění skupiny prostředků | Azure CLI TypeScript |
| Zobrazení seznamu skupin prostředků | TypeScript |
Aplikace
Static Web Apps
| Úkol | using |
|---|---|
| Vytvoření aplikace Deno | Bash |
| Vytvoření React cílené na jazyk JavaScript | Bash |
| Vytvoření React cílení na jazyk TypeScript | Bash |
| Vytvoření aplikace Vue | Bash |
| Vytvoření Static Web Apps | Visual Studio Code rozšíření Azure CLI |
| Procházení webu | Visual Studio Code rozšíření |
| Místní proxy SWA s rozhraním příkazového řádku SWA | ROZHRANÍ příkazového řádku SWA |
| Místní ověřování SWA pomocí rozhraní příkazového řádku SWA | ROZHRANÍ příkazového řádku SWA |
| Nastavení proměnných místního prostředí statické webové aplikace | Bash |
Aplikace funkcí (bez serveru)
| Úkol | using |
|---|---|
| Místní vytvoření aplikace Functions | Visual Studio Code rozšíření |
| Kód triggeru HTTP | JavaScript |
| Místní ladění/testování funkce | Visual Studio Code |
| Nasazení funkce do cloudu Azure | Visual Studio Code rozšíření |
| Ověření, že je k dispozici rozhraní API zabezpečených funkcí | Visual Studio Code rozšíření nebo prohlížeč |
| Odebrání prostředku aplikace funkcí | Visual Studio Code rozšíření |
App Service – kompletní, jenom serverové nebo klientské aplikace
| Úkol | using |
|---|---|
| Vytvoření místní Express.js aplikace | Bash |
| Vytvoření prostředku aplikace – zahrnuje: nasazení Express.js aplikace, streamování protokolů | Visual Studio Code rozšíření |
| Vytvoření prostředku aplikace – zahrnuje: nasazení Express.js aplikace, konfiguraci nastavení aplikace, spuštění instalace npm, procházení na nasazený web | Visual Studio Code rozšíření |
| Vytvoření prostředku aplikace | Azure CLI |
| Vytvoření aplikace, nasazení, aplikace v prohlížeči, zobrazení protokolů | Azure CLI |
| Konfigurace webové aplikace pro použití databázového připojovacího řetězce | Azure CLI |
| Konfigurace webové aplikace pro použití kontejneru | Azure CLI |
| Konfigurace vlastního názvu domény webové aplikace | Azure CLI |
| Odstranění prostředku aplikace | Visual Studio Code rozšíření Azure CLI |
| Nasazení nebo opětovné nasazení aplikace | Visual Studio Code rozšíření |
| Získání externí IP adresy webové aplikace | Azure CLI |
| Zakoupení názvu domény a konfigurace záznamu DNS | Azure CLI |
| Streamování vzdálených protokolů | Visual Studio Code rozšíření Azure CLI |
Cognitive Services
| Úkol | using |
|---|---|
| Vytvoření Cognitive Services ComputerVision | Azure CLI |
| Získání Cognitive Services ComputerVision | Azure CLI |
| Instalace sady Azure SDK | Bash |
Analýza obrázku pomocí @azure/cognitiveservices-computervision |
Visual Studio Code |
Kontejnery včetně úloh Dockeru
| Úkol | using |
|---|---|
| Přidání souborů Dockeru do místního projektu | Visual Studio Code rozšíření |
| Sestavení image Dockeru z místního projektu | Visual Studio Code rozšíření |
| Vytvoření image kontejneru z místního projektu JavaScriptu | Visual Studio Code |
| Vytvoření prostředku registru kontejneru | Visual Studio Code rozšíření Azure CLI |
| Vytvoření souboru Dockerfile | Visual Studio Code rozšíření |
| Nasazení image do služby App Service | Visual Studio Code rozšíření |
| Získání přihlašovacích údajů registru kontejneru Azure | Azure CLI |
| Přihlášení k registru kontejneru | BASH – Rozhraní příkazového řádku Dockeru |
| Na push image do prostředku registru Dockeru | Visual Studio Code rozšíření |
| Na push image do prostředku služby Azure Container Registry | Visual Studio Code rozšíření BASH – Rozhraní příkazového řádku Dockeru |
| Spuštění místního kontejneru | Visual Studio Code rozšíření |
| Označení místní image | BASH – Rozhraní příkazového řádku Dockeru |
| Ověření verze Dockeru | Bash |
Databáze
rozhraní API Cassandra v Cosmos DB
| Úkol | Použití |
|---|---|
| Vytvoření prostředku | Azure Portal Azure CLI |
| Vytvoření úložiště klíčů pro prostředek | Azure CLI |
| Vytvoření tabulky v obchodě s klíči | Azure CLI |
| Získání informací o připojení | Azure CLI |
| Použití rozhraní API cassandra-driver ve Cosmos DB | JavaScript |
MariaDB
| Úkol | Použití |
|---|---|
| Vytvoření prostředku MariaDB | Azure Portal Azure CLI @azure/arm-mariadb |
| Vytvoření databáze MariaDB v prostředku | Azure CLI |
| Získání připojovacího řetězce | Azure CLI |
| Použití a zobrazení databáze | Azure Cloud Shellrozhraní příkazového řádku nástroje mysql MySQL Workbench Visual Studio Code rozšíření npm mariadb JavaScript |
Rozhraní MongoDB API ve Cosmos DB
| Úkol | using |
|---|---|
| Vytvoření Cosmos DB – prostředek MongoDB | Visual Studio Code rozšíření Azure CLI |
| Získání Cosmos DB | Visual Studio Code rozšíření Azure CLI |
| Zobrazení Cosmos DB | Cosmos DB Explorer |
| Použití rozhraní Mongoose API pro MongoDB ve Cosmos DB | JavaScript |
MySQL
| Úkol | Použití |
|---|---|
| Vytvoření prostředku | Azure Portal Azure CLI @azure/arm-mysql |
| Vytvoření databáze v prostředku | Azure CLI |
| Získání připojovacího řetězce | Azure CLI |
| Použití a zobrazení databáze | MySQL Workbench Visual Studio Code rozšíření npm mysql npm promise-mysql |
| Použití rozhraní PROMISE-mysql API | JavaScript |
PostgreSQL
| Úkol | using |
|---|---|
| Vytvoření prostředku | Visual Studio Code rozšíření Azure CLI Azure Portal @azure/arm-postgresql |
| Získání připojovacího řetězce | Azure CLI |
| Zobrazení databáze | Visual Studio Code rozšíření Azure Cloud Shell psql od společnosti Azure Cloud Shell |
| Použití rozhraní PG API pro databázi | JavaScript |
SQL API ve Cosmos DB
| Úkol | using |
|---|---|
| Přidání pravidla brány firewall pro IP adresu klienta | Azure CLI |
| Vytvoření Cosmos DB – prostředek SQL API | Visual Studio Code rozšíření Azure CLI |
| Získání Cosmos DB | Azure CLI |
| Získání Cosmos DB | Visual Studio Code rozšíření |
| Zobrazení Cosmos DB | Cosmos DB Explorer |
| Použití SQL API pro ve Cosmos DB | JavaScript |
GraphQL
| Úkol | using |
|---|---|
Nasazení rozhraní Hello World GraphQL API jako funkce Azure |
VS Code |
| Nasazení operací CRUD v rozhraní GraphQL API jako funkce Azure | VS Code |
Nasazení do hostitelského prostředí
| Úkol | using |
|---|---|
| Statická webová aplikace (SWA) | VS Code Z rozhraní Framework (Next.js) Azure Pipelines |
| Funkce | VS Code Azure Pipelines GitHub Actions |
| App Service | Express.js s VS Code Git – nasdílení změn GitHub Actions Azure DevOps |
Git
| Úkol | using |
|---|---|
| Vytvoření místní větve | Visual Studio Code s paletou příkazů Visual Studio Code se stavový řádek |
| Klonování projektu GitHub do místního počítače | Visual Studio Code |
| Nabízení místní větve do vzdáleného repo | Visual Studio Code se stavový řádek Visual Studio Code s rozšířením source kurzu |
GitHubu
Akce
| Úkol | using |
|---|---|
| Přidání tajných kódů | Visual Studio Code |
| Zobrazení procesu sestavení | GitHub web |
Key Vault
| Úkol | using |
|---|---|
| Získání tajných kódů | @azure/keyvault-Secrets |
Monitorování
| Úkol | using |
|---|---|
| Vytvoření prostředku | Azure CLI |
Storage
| Úkol | using |
|---|---|
| Vytvoření prostředku | rozšíření Visual Studio Code |
| Odstranit prostředek | rozšíření Visual Studio Code |
| vytvořit token sdíleného přístupového podpisu (SAS) Storage kontejneru | Azure Portal |
| Nastavit token SAS v kódu | TypeScript |
| Konfigurace CORS pro Storage | Azure Portal |
| použití emulátoru Storage Azurite | Visual Studio Code |
Objekty blob
| Úkol | using |
|---|---|
Vytvoření kontejneru v úložišti s @azure/storage-blob |
React/TypeScript |
soubor Upload do úložiště s@azure/storage-blob |
React/TypeScript |
| Upload souboru pro Storage s rozhraním API funkcí | TypeScript s výstupní vazbou |
Využití terminálu
| Úkol | using |
|---|---|
| Integrovaný terminál | Visual Studio Code |
Virtuální počítače
| Úkol | using |
|---|---|
| Vytvoření – se souborem Cloud-init | YAML |
| Vytvoření – pomocí prostředku Azure CLI-Linux VM | Azure CLI |
| Připojení – otevřít port virtuálního počítače se systémem linux | Azure CLI |
| Připojení – pomocí SSH | Bash |
| Získat stav | @azure/ARM-COMPUTE |
| Výpis virtuálních počítačů | @azure/ARM-COMPUTE |
| Zastavení virtuálního počítače | @azure/ARM-COMPUTE |
| Spouštění virtuálního počítače | @azure/ARM-COMPUTE |
| Protokoly – instalace sady monitoring SDK | Bash |
| Protokoly – přidání kódu monitorování do aplikace Express.js | ApplicationInsights |
| Zobrazení protokolů | Azure CLI Azure Portal |
| Odstranit | @azure/ARM-Resources |
Visual Studio Code: vývoj a ladění aplikací javascriptu
| Úkol | using |
|---|---|
| Dokončování kódu | Visual Studio Code |
| Ladění místní aplikace Node.js | Visual Studio Code |
| Místní úplné ladění zásobníku | Visual Studio Code |
| Navigace v souborech a kódu projektu | Visual Studio Code |
| Spuštění místní aplikace Node.js | Visual Studio Code |
Ukázky podporující tyto úlohy
| Název | Description |
|---|---|
| aplikace React s rozhraním API funkcí | místní vytvoření a nasazení klientské aplikace React/TypeScript s rozhraním API azure functions do statické webové aplikace azure pomocí akce GitHub. KurzVzorový kód |
| React aplikace pomocí Cognitive Services | místně sestavte a nasaďte klientské aplikace React/TypeScript do statické webové aplikace Azure pomocí akce GitHub. KurzVzorový kód |
| React aplikace nahrávání souboru do objektů blob Azure Storage | tento vzorový projekt je klientská aplikace architektury TypeScript React (vytvořit reakci-aplikace) s formulářem HTML pro výběr souboru pro nahrání do Azure Storage objektů blob. KurzVzorový kód |
| React aplikace s tlačítkem pro přihlášení | SPA sestavené v tomto kurzu jsou aplikace React (s podporou aplikace s možností reakce) s následujícími úlohami: * přihlášení pomocí přihlášení podporovaného společností Microsoft, například Office 365 nebo Outlook. com * Odhlaste se z aplikace KurzVzorový kód |
| Aplikace funkce Azure s MongoDB | Funkce databáze MongoDB zahrnuje: * Přidat položku * Odstranit položku podle ID * Získat položku podle ID * Získat všechny položky KurzVzorový kód |
| Aplikace funkce Azure Functions odešle soubor do Blob Storage | v tomto článku se dozvíte, jak vytvořit rozhraní api služby Azure functions, které nahraje soubor pro Azure Storage pomocí výstupní vazby pro přesunutí obsahu souboru z rozhraní API na Storage. * místní vývoj a spouštění pomocí Azurite Storage nástrojů pro emulaci a Azure Functions Core. * nasazení pro Azure Functions s prostředkem Storage * zkontrolujte protokoly v Application Insights KurzVzorový kód |
| Aplikace funkce Azure pro správu skupin prostředků | V této sérii článků vytvoříte aplikaci funkcí Azure s rozhraními API pro správu skupin prostředků Azure. Funkce a funkce této série článků: * Vytvořit místní projekt Azure Function App v Visual Studio Code * Vytváření často používaného kódu rozhraní API funkcí v Visual Studio Code * Nasadit do Azure Functions * Vytvořit instanční objekt * Konfigurace nastavení místních a vzdálených aplikací * Použít DefaultAzureCredential v místním i vzdáleném prostředí * Pomocí sad Azure SDK můžete používat Azure identity a Azure Resource Management API. * K vytváření, odstraňování a vypsání skupin prostředků ve vašem předplatném použijte místní a cloudová rozhraní API. Řada článkůVzorový kód |
| Aplikace Express.js s databází MongoDB | V tomto kurzu se dozvíte, jak spustit a spustit projekt místně pomocí VSCode pomocí rozšíření, a jak vzdáleně spustit kód ve službě App Service. tento kurz zahrnuje vytvoření prostředku Cosmos DB pro rozhraní API Mongo a získání informací o připojení a nastavení v nastavení konfigurace služby app service pro připojení ke cloudové databázi. KurzVzorový kód |
| Express.js aplikace nasazená do virtuálního počítače se souborem Cloud-init | Vytvořte virtuální počítač se systémem Linux pro aplikaci Express.js. virtuální počítač je nakonfigurovaný pomocí konfiguračního souboru cloud-init a zahrnuje NGINX a GitHub úložiště pro Express.js aplikaci. Jakmile je virtuální počítač spuštěný, můžete se k virtuálnímu počítači připojit pomocí protokolu SSH, změnit webovou aplikaci tak, aby se zobrazilo protokolování trasování, a zobrazit aplikaci pro veřejnou Express.js Server ve webovém prohlížeči. KurzVzorový kód |
| GraphQL funkce bez serveru | Hello World s TypeScript, připraveno k nasazení do Azure Functions. Ukázka kódu |
| GraphQL funkce CRUD bez serveru | Operace CRUD s TypeScript připravené k nasazení do Azure Functions Ukázka kódu |
| Statická webová aplikace GraphQL | statická webová aplikace s React klient a funkce Azure functions se sdílenými modely TypeScript, které demonstrují minihry hru, s daty uloženými v Cosmos DB SQL API. Ukázka kódu |
https://github.com/azure-samples/js-e2ePro vyhledání nebo odeslání příkladů kódu jazyka JavaScript nebo TypeScript použijte ucelenou kolekci fragmentů kódu jazyka JavaScript.
Pomocí prohlížeče ukázek Azure najdete další ukázky podporující konkrétní případ použití.