Condividi tramite

Panoramica degli strumenti di sviluppo JavaScript per Azure

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. I nuovi miglioramenti del portale di Azure offrono opzioni di navigazione e personalizzazione migliorate.

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 con lo sviluppo assistito dall'intelligenza artificiale tramite GitHub Copilot
  • Pochi tipi o oggetti ambigui
  • Terminale integrato e supporto per il debug

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

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

Interfaccia della riga di comando di Azure

pacchetto npm		 Crea, gestisci, visualizza, esegui il debug e distribuisci funzioni.

Guida introduttiva: Creare una funzione JavaScript in Azure con Visual Studio Code
App container di Azure Estensione di 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

Ora supporta i carichi di lavoro dei processi per gli scenari di elaborazione batch.
Azure Cosmos DB, un servizio di database distribuito globale di Microsoft l'estensione di 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 utilizzando Visual Studio Code

Ora include funzionalità di ricerca vettoriale integrate per applicazioni di intelligenza artificiale.
Immagazzinamento 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 le Funzioni di Azure all'archiviazione di Azure con Visual Studio Code

Ora include prestazioni migliorate e funzionalità di protezione dei dati.
Servizi di intelligenza artificiale di Azure Studio di intelligenza artificiale

SDK di Azure OpenAI		 Crea applicazioni intelligenti usando le funzionalità di intelligenza artificiale.

Guida introduttiva: Creare un'applicazione RAG con JavaScript e Azure per intelligenza artificiale

Supporta il recupero, la generazione aumentata (RAG) e laricerca vettoriale.

Esplora tutte le estensioni di Azure per VS Code

TypeScript

TypeScript offre tutte le funzionalità di JavaScript e offre un sistema di tipi sicuro ma flessibile. TypeScript 5.0+ include miglioramenti significativi delle prestazioni e nuove funzionalità come l'istruzione per la gestione delle using risorse.

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 container 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. Ora supporta il test dei componenti e la modalità interfaccia utente per un debug avanzato.

Fretta

Rush è un gestore monorepo scalabile per il Web. Gli aggiornamenti recenti hanno migliorato le prestazioni e aggiunto il supporto per Node.js 20.

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. WSL 2 offre miglioramenti significativi delle prestazioni e la compatibilità completa delle chiamate di sistema.

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.

Contenuti correlati

  • Last updated on