Panoramica della distribuzione dell'app JavaScript in Azure

Per distribuire l'app basata su JavaScript in Azure, spostare un file o un set di file in Azure da gestire tramite un endpoint HTTP. Il processo di spostamento dei file è denominato distribuzione.

Prerequisiti

• Sottoscrizione di Azure: crearne una gratuitamente.
• Node.js LTS.
• Un account GitHub se si prevede di eseguire la distribuzione da un repository GitHub.

Metodi di distribuzione

Azure offre diversi metodi di distribuzione per soddisfare esigenze diverse. Ecco alcuni metodi comuni:

Metodo	Dettagli
Azure Developer CLI	Ideale per gli sviluppatori che preferiscono gli strumenti da riga di comando e devono automatizzare il provisioning e la distribuzione delle risorse.
estensioni di Visual Studio Code	Adatto per distribuzioni manuali, di test o non frequenti. Richiede le estensioni di Azure pertinenti installate in locale.
Azure CLI	Utile per distribuzioni manuali o occasionali. Richiede l'installazione locale di Azure CLI.
GitHub Actions	Ideale per distribuzioni automatiche o continue attivate dalle modifiche nel repository GitHub.

Esistono altri metodi di distribuzione, basati sul servizio specifico. Ad esempio, il servizio app di Azure supporta un'ampia gamma di metodi di distribuzione:

• da file ZIP
• con FTP
• Dropbox o OneDrive
• Git locale
• cURL
• SSH

È possibile redistribuire al servizio App usando uno dei metodi forniti, anche se non è stato il metodo usato per la distribuzione originale. È possibile che sia disponibile una configurazione prima di ridistribuire se si cambiano metodi.

Passaggi di compilazione

A seconda della complessità e delle esigenze di distribuzione dell'applicazione, è possibile scegliere di compilare l'app JavaScript prima o durante la distribuzione:

• Compilazione prima della distribuzione: per compilazioni complesse o lunghe, creare un pacchetto dell'applicazione in un file ZIP e distribuirlo. Un pacchetto di distribuzione consente di controllare e testare la compilazione prima della distribuzione.
• Compilazione durante la distribuzione: per compilazioni più semplici, usare la variabile di ambiente fornita da Azure SCM_DO_BUILD_DURING_DEPLOYMENT=true per compilare l'app durante la distribuzione.

Slot di distribuzione

slot di distribuzione nel servizio app di Azure consente di creare ambienti separati per la gestione temporanea e la produzione. L'uso degli slot consente di testare l'app in un ambiente di staging prima di sostituirla con lo slot di produzione, garantendo una distribuzione fluida e senza errori. Altre informazioni sugli slot di distribuzione.

Non usare gli slot di distribuzione per combinare scopi di distribuzione. Tutti gli slot di distribuzione condividono il servizio app, quindi è necessario assicurarsi che i pattern di traffico e l'utilizzo previsto di tutti gli slot siano uguali. Se è necessario disporre di un ambiente di test o di staging ospitato, questo dovrebbe essere un servizio app separato.

Distribuire con Azure Developer CLI

L'interfaccia della riga di comando per sviluppatori di Azure (azd) semplifica il processo di distribuzione dell'app in Azure. Seguire questa procedura:

1. Installare la CLI per sviluppatori di Azure.

2. Trovare un progetto esistente che usa molte delle stesse risorse usate dal progetto.

3. Inizializzare una versione locale del progetto da usare come modello di infrastruttura per il proprio progetto.

   azd init --template <template-name>
   

4. Creare le risorse e distribuire il codice in Azure.

   azd up
   

Distribuire con Visual Studio Code

Per distribuire o ridistribuire l'applicazione di servizio con Visual Studio Code, seguire questi passaggi:

1. Installare le estensioni di Azure correlate, ad esempio Servizio app di Azure o Funzioni di Azure.

2. Aprire Azure Explorer. Seleziona l'icona di Azure nella barra laterale primaria o usa la scelta rapida da tastiera (Shift + Alt + A).

3. Nel gruppo Risorse selezionare la sottoscrizione e il servizio.

4. Fare clic con il pulsante destro del mouse sul servizio e quindi selezionare Distribuisci nell'app Web....

   

Connettersi all'ambiente ospitato di Azure

• Per l'accesso manuale o occasionale agli ambienti ospitati, vedere come visualizzare i file nel tuo ambiente Azure ospitato.
• Per accesso automatico o coerente, considera i passaggi necessari per configurare uno dei metodi di distribuzione.

Visualizzare i file nell'ambiente ospitato in Azure

Esistono diversi modi per visualizzare immediatamente i file nell'app Web di Azure ospitata o nell'app per le funzioni. Nel caso in cui si utilizzino slot nella risorsa ospitata, è necessario verificare di essere nello slot corretto prima di visualizzare i file.

• Visualizzare i file nella del portale di Azure : selezionare Console in Strumenti di sviluppo per la risorsa di hosting.

  

• Visualizzare i file nell'estensione VS Code: - Selezionare l'icona di Azure nella barra attività. Nella sezione Risorse selezionare la sottoscrizione e il servizio. Il nodo File fornisce una visualizzazione dei tuoi file remoti.

  • Servizio App di Azure e le estensioni di Funzioni di Azure offrono entrambe una vista dei file remoti.

  

Visualizzare l'endpoint HTTP nel portale di Azure

Puoi visualizzare l'endpoint HTTP dalla pagina Panoramica del servizio nel portale di Azure.

Contenuto correlato

• esercitazioni sulla distribuzione di con Visual Studio Code
• Hosting di app in Azure