Condividi tramite

Strumenti per sviluppatori JavaScript in Azure

  • Articolo

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

Portale di Azure

Il portale di Azure consente di accedere a tutte le sottoscrizioni e le risorse per l'account.

Visual Studio Code

visual Studio Code è l'IDE preferito per lo sviluppo JavaScript per Azure. L'interfaccia, le funzionalità e le estensioni interagiscono per ridurre il tempo di sviluppo e ridurre la frustrazione dello sviluppo.

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

Si ottengono diversi vantaggi usando Visual Studio Code:

  • Visual Studio Code visualizza la documentazione di riferimento di Azure in linea
  • Visual Studio Code fornisce il completamento delle istruzioni
  • Pochi tipi o oggetti ambigui

Visual Studio Code offre una vasta gamma di documentazione per progetto JavaScript che usano.

Strumenti per i servizi di Azure

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

Servizio Strumenti Descrizione
Servizi principali Estensione di Visual Studio Code Raccolta di estensioni. Ottenere tutti i principali servizi di Azure in questa estensione da Microsoft.
Gruppo di risorse di Azure Estensione di Visual Studio Code

Azure CLI		 Visualizzare e gestire le risorse di Azure.

Esercitazione: distribuire 'app MongoDB Express.js nel servizio app da Visual Studio Code
Esercitazione: Aggiungere ricerca cognitiva a un sito Web
App Web statiche di Azure Estensione di Visual Studio Code

dell'interfaccia della riga di comando SWA		 Creare e gestire le app Web statiche di Azure usando l'estensione VS Code o la CLI di SWA (Static Web Apps). 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

dell'interfaccia della riga di comando di Azure

pacchetto npm		 Creare, gestire, visualizzare, eseguire il debug e distribuire funzioni

Guida introduttiva: Creare una funzione JavaScript in Azure con Visual Studio Code
Azure Container Apps dell'estensione Visual Studio Code

container app di Azure CLI		 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 di frontend

Esercitazione: Distribuire un'app per microservizi back-end
Azure Cosmos DB l'estensione di Visual Studio Code

dell'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 utilizzando Visual Studio Code
Immagazzinamento Estensione di Visual Studio Code

CLI di Azure

Emulatore di Archiviazione - Azurite		 Archiviazione di Azure, inclusi contenitori BLOB, condivisioni file, tabelle e code

Guida introduttiva: connettere le Funzioni di Azure all'archiviazione di Azure con Visual Studio Code

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

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 della libreria client di Azure SDK è scritta per TypeScript perché le librerie client vengono 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.

Implementazione

Lo strumento di distribuzione principale per Azure è Azure Development CLI. 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.

Contenitori

Se si sta cercando un'immagine Docker specifica di Microsoft o Azure, usare il di Registro Azure Container di microsoft per query per un'immagine.

Strumenti per i contenitori

Strumenti per i contenitori di sviluppo

Interfaccia della riga di comando di Azure (CLI 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:

Se usi il portale di Azure, l'interfaccia della riga di comando di Azure è disponibile nel portale dalla barra di navigazione superiore.

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

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 adatto alle tue esigenze.

Altri esempi includono:

Drammaturgo

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 aggiornato, capace, affidabile e veloce.

Fretta

Rush è un gestore monorepo scalabile per il Web.

Terminale Windows

Windows Terminal consente di accedere a diversi tipi di terminale dalla stessa applicazione Windows, tra cui CLI 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 utilizzano 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 nel 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 abbonamento. Usare questo tipo di risorsa durante l'apprendimento di come usarlo.
  • Per le soluzioni "sicure per impostazione predefinita", impara a creare risorse senza stringhe di connessione o password. Questa sicurezza consente di usare lo stesso codice in tutti gli ambienti, senza dover gestire le stringhe di connessione o ruotare le chiavi.
  • I pacchetti npm più recenti per Azure iniziano con l'ambito @azure.
  • La maggior parte dei pacchetti npm di Azure può usare il DefaultAzureCredential. Sebbene la configurazione sia complessa, il vantaggio di non dover più gestire l'locale e'autenticazione remota alla 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 facilmente tipi forti per le tue soluzioni e sapere che non diventeranno asincroni con l'SDK.

Passaggi successivi