Strumenti per sviluppatori JavaScript in Azure

JavaScript è un ecosistema di molti strumenti. Questo articolo include una selezione di strumenti creati e gestiti da Microsoft per gli sviluppatori JavaScript. Non è necessario usare questi strumenti per usare Azure, ma solo migliorare l'esperienza, sia nelle funzionalità che nel supporto.

Azure portal

Il portale di Azure fornisce l'accesso a tutte le sottoscrizioni e a tutte le risorse per l'account.

Visual Studio Code

Visual Studio Code è l'ambiente di sviluppo integrato preferito per lo sviluppo JavaScript per Azure. L'interfaccia, le funzionalità e le estensioni interagiscono per ridurre il tempo necessario per lo sviluppo e le complessità dello sviluppo.

Creare un'area di lavoro del progetto alla radice del progetto di sviluppo locale, quindi aggiungere tutte le configurazioni, le impostazioni e le estensioni rilevanti. Archiviare il file dell'area di lavoro con il progetto, in modo che ogni membro del team possa accedere alle impostazioni e agli strumenti necessari per il progetto.

L'uso di Visual Studio Code offre numerosi vantaggi:

• Visual Studio Code mostra la documentazione di riferimento di Azure inline
• Visual Studio Code offre il completamento istruzioni
• Pochi oggetti o tipi ambigui

Visual Studio Code offre una vasta gamma di documentazione per l'uso del progetto JavaScript.

Strumenti per i servizi di Azure

Usare le estensioni gratuite seguenti per usare i servizi di Azure direttamente in Visual Studio Code.

Service	Strumenti	Descrizione
Servizi principali	Estensione di Visual Studio Code	Raccolta delle estensioni. Ottenere tutti i principali servizi di Azure in questa estensione da Microsoft.
Gruppo di risorse di Azure	Estensione di Visual Studio Code Interfaccia della riga di comando di Azure	Visualizzare e gestire le risorse di Azure. Esercitazione: Distribuire Express.js'app MongoDB in servizio app da Visual Studio Code Esercitazione: Aggiungere Ricerca cognitiva a un sito Web
App Web statiche di Azure	Estensione di Visual Studio Code Interfaccia della riga di comando di SWA	Creare e gestire App Web statiche di Azure usando l'estensione VS Code o l'interfaccia della riga di comando di App Web statiche (interfaccia della riga di comando di SWA). L'estensione VS Code si integra con l'editor, mentre l'interfaccia della riga di comando di SWA simula i servizi di Azure in locale.
Funzioni di Azure	Estensione di Visual Studio Code Interfaccia della riga di comando di Azure Pacchetto npm	Creare, gestire, visualizzare e distribuire funzioni ed eseguirne il debug Guida introduttiva: Creare una funzione JavaScript in Azure con Visual Studio Code
App contenitore di Azure	Estensione di Visual Studio Code Contenitore dell'interfaccia della riga di comando di Azure	App Azure Container consente di eseguire microservizi e applicazioni in contenitori in una piattaforma serverless. Gestire le app contenitore, distribuire nuove versioni e monitorare le prestazioni. Esercitazione: Distribuire un'app di microservizi front-end Esercitazione: Distribuire un'app di microservizi back-end
Azure Cosmos DB	Estensione Visual Studio Code Interfaccia della riga di comando di Azure	Creare, esplorare e aggiornare database multimodello distribuiti a livello globale in Azure. Guida introduttiva: Connettere Funzioni di Azure ad Azure Cosmos DB con Visual Studio Code
Storage	Estensione di Visual Studio Code Interfaccia della riga di comando di Azure Emulatore di archiviazione - Azurite	Archiviazione di Azure inclusi contenitori BLOB, condivisioni file, tabelle e code Guida introduttiva: Connettere Funzioni di Azure a Archiviazione di Azure con Visual Studio Code

Per visualizzare tutte le estensioni di Azure, usare questo collegamento:

• Tutte le estensioni di Azure

TypeScript

TypeScript offre tutte le funzionalità di JavaScript e offre un sistema di tipi sicuro ma flessibile.

TypeScript e le librerie client di Azure SDK

La documentazione di riferimento per le librerie client di Azure SDK è stata scritta per TypeScript perché le librerie client sono scritte con TypeScript. Non è necessario usare TypeScript per usare le librerie client di Azure SDK.

Altre informazioni sulle linee guida di TypeScript per Azure SDK.

Distribuzione

Lo strumento di distribuzione premier per Azure è l'interfaccia della riga di comando di sviluppo di Azure. Questo strumento consente di creare e configurare i servizi di Azure con Bicep o Terraform, quindi distribuire il codice sorgente.

Usare Awesome AZD per trovare esempi di distribuzione per comprendere le soluzioni end-to-end per Azure.

Strumenti di integrazione e test continui (CICD)

Gli strumenti di integrazione seguenti per la compilazione e la distribuzione aumentano la produttività della pipeline.

• Git o Git per Windows
• GitHub Actions
• Integrazione di Azure Pipelines

Contenitori

Se si sta cercando un'immagine Docker specifica di Microsoft o Azure, usare Registro Contenitori Microsoft (MRC) per eseguire una query per un'immagine.

Strumenti per i contenitori

• Docker
• Remoto - Contenitori
• Remote - SSH

Strumenti per i contenitori di sviluppo

• Contenitori di sviluppo
• Estensione per i contenitori di sviluppo

Interfaccia della riga di comando di Azure

L'interfaccia della riga di comando di Azure è ottimizzata per la gestione delle risorse di Azure dalla riga di comando.

L'interfaccia della riga di comando di Azure offre gli scenari d'uso seguenti:

• Installazione locale dell'interfaccia della riga di comando di Azure
• Azure Cloud Shell
• Contenitore Docker

Se si usa il portale di Azure, l'interfaccia della riga di comando di Azure sarà disponibile dalla barra di spostamento superiore nel portale.

Applicazioni di esempio, codice e frammenti di codice

L'organizzazione GitHub, Azure-Samples, contiene molti esempi tra i prodotti e i servizi offerti da Azure. Usare il browser Azure Samples per trovare un esempio per soddisfare le proprie esigenze.

Altri esempi includono:

• Esempi di Azure SDK per JS
• Esempi di Microsoft Authentication Library per JS (MSAL.js)
• Esempi end-to-end di JavaScript

Playwright

Playwright è una libreria di Node.js per automatizzare Chromium, Firefox e WebKit con una singola API. Playwright è progettato per abilitare l'automazione Web multi-browser che è sempre verde, capace, affidabile e veloce.

Rush

Rush è un responsabile monorepo scalabile per il Web.

Terminale Windows

Terminale Windows consente di accedere a diversi tipi di terminale dalla stessa applicazione Windows, tra cui l'interfaccia della riga di comando di Azure e Ubuntu. Usare questo strumento per sviluppare e testare script Bash CICD prima di usare tali script in GitHub Actions o in un'altra pipeline.

Sottosistema Windows per Linux

Il sottosistema Windows per Linux consente agli sviluppatori di eseguire un ambiente GNU/Linux, inclusi la maggior parte degli strumenti da riga di comando, delle utilità e delle applicazioni, direttamente in Windows, senza il sovraccarico di una macchina virtuale tradizionale o di una configurazione a doppio avvio.

Suggerimenti e consigli per sviluppatori JavaScript di Azure

L'elenco seguente include suggerimenti e consigli che gli sviluppatori di Azure devono sapere per essere più produttivi:

• Sviluppare uno schema di denominazione per le risorse di Azure.
• Raggruppare le risorse di Azure in gruppi di risorse, che usano anche uno schema di denominazione.
• Per ogni risorsa di Azure, aggiungere tag che comunicano lo scopo, il progetto e altre informazioni vitali della risorsa. Questi tag sono visibili nella portale di Azure, per tale risorsa, nella pagina Panoramica. Considerare i tag come un modo per documentare la risorsa.
• La maggior parte delle risorse ha almeno una versione gratuita per ogni sottoscrizione. Usare questo tipo di risorsa durante l'apprendimento di come usarlo.
• Per le soluzioni "sicure per impostazione predefinita", informazioni su come creare risorse senza stringa di connessione o password. Questa sicurezza consente di usare lo stesso codice in tutti gli ambienti, senza dover gestire stringa di connessione o ruotare le chiavi.
• I pacchetti npm più recenti per Azure iniziano con @azure l'ambito.
• La maggior parte dei pacchetti npm di Azure può usare DefaultAzureCredential. Sebbene la configurazione sia complessa, il vantaggio di non dover più gestire l'autenticazione locale e remota per la piattaforma Azure è ideale per la sicurezza e il risparmio di tempo.
• Tutti gli SDK JavaScript di Azure includono tipi TypeScript. Questa funzionalità consente di adottare tipi sicuri per le soluzioni in modo semplice e non si sincronizzeranno con l'SDK.

Passaggi successivi

• Configurare l'ambiente di sviluppo