Il servizio Web App consente di creare, distribuire e ridimensionare rapidamente applicazioni Web, per dispositivi mobili e API di livello aziendale, in qualsiasi piattaforma e soddisfare rigorosi requisiti di prestazioni, scalabilit\u00e0, sicurezza e conformit\u00e0 usando al contempo una piattaforma completamente gestita e manutenuta.<\/p>\n\n\n\n
Da questo articolo iniziamo ad approfondire le caratteristiche del servizio Web App partendo dal Centro distribuzione e dai metodi di continuous deployment del codice sorgente dell\u2019applicazione web che stiamo sviluppando.<\/p>\n\n\n\n
Per accedere al Centro distribuzione:<\/p>\n\n\n\n
- Nel portale<\/a> di Azure cercare e selezionare Servizi app<\/strong> (App Services).<\/li>
- Selezionare il servizio app che di desidera distribuire.<\/li>
- Nella pagina dell\u2019app selezionare Centro di distribuzione<\/strong> (Deployment Center) nel menu a sinistra.<\/li><\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_01.jpg\")
<\/figure><\/div>\n\n\n\nComponenti per la distribuzione<\/h1>\n\n\n\n
I tre componenti principali per la distribuzione del codice nel servizio Web App sono:<\/p>\n\n\n\n
- L\u2019origine di distribuzione:
Un\u2019origine di distribuzione \u00e8 il percorso dove risiede il codice dell\u2019applicazione. Di solito l\u2019origine di distribuzione \u00e8 un repository ospitato dal software di controllo versione utilizzato dal team (ad esempio GitHub, BitBucket o Azure Repos). In scenari in cui il codice risiede su un computer locale o sul cloud, il servizio Web App supporta anche cartelle su OneDrive o Dropbox come origine di distribuzione.![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_02.jpg\")
<\/li> - Pipeline di compilazione:
Dopo aver scelto l\u2019origine di distribuzione, il passaggio successivo sar\u00e0 scegliere una Pipeline di compilazione che legga il codice sorgente e lo trasformi in codice eseguibile (ad esempio, Kudu, Azure Pipilines o GitHub Actions). Logicamente la scelta della pipeline dipende dallo stack del linguaggio e dai comandi specifici che possono eseguire (ad esempio la compilazione di codice, la modifica di HTML e JavaScript, l’esecuzione di test e la creazione di pacchetti di componenti).![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_03.jpg\")
<\/li> - Meccanismo di distribuzione:
Il meccanismo di distribuzione \u00e8 l’azione utilizzata per inserire l’applicazione compilata nella directory \/home\/site\/wwwroot della Web App. La directory \/wwwroot \u00e8 un percorso di archiviazione montato condiviso da tutte le istanze della Web App. Quando il meccanismo di distribuzione inserisce l’applicazione in questa directory, le istanze ricevono una notifica per sincronizzare i nuovi file. La Web App supporta meccanismi di continuous deployment o continuous delivery utilizzando pipeline, canali FTP o di WebDeploy.![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_04.jpg\")
<\/figure><\/li><\/ul>\n\n\n\nA questo punto vediamo come \u00e8 possibile distribuire l’applicazione nella Web App che ho creato con le seguenti caratteristiche:<\/p>\n\n\n\n
- Stack di runtime: .NET Core 2.1 (LTS).<\/li>
- Sistema operativo: Windows.<\/li>
- Area geografica: Central US.<\/li>
- SKU e dimensioni: Standard S1.<\/li><\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_05.jpg\")
<\/figure>\n\n\n\nContinuous Deployment (CI\/CD)<\/h1>\n\n\n\n
App Service di Azure consente la distribuzione continua dai repository GitHub, BitBucket, Azure Repos o Local Git eseguendo gli aggiornamenti pi\u00f9 recenti. Per utilizzare uno di questi repository basta autorizzare la Web App a connettersi al repository (\u00e8 sufficiente autorizzare il servizio di controlle del codice sorgente una sola volta).<\/p>\n\n\n\n
Azure Repos<\/a> e Azure Pipelines<\/a><\/h2>\n\n\n\n
- Selezionare Azure Repos<\/strong> come repository del codice sorgente e cliccare su continua<\/strong>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_06.jpg\")
<\/li>- Selezionare Azure Pipelines<\/strong> come provider di compilazione e cliccare su continua<\/strong>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_07.jpg\")
<\/li>- Configurare la distribuzione selezionando l\u2019organizzazione, il progetto, il repository, il ramo e il framework di sviluppo dell\u2019applicazione Web e cliccare su continua<\/strong>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_08.jpg\")
<\/figure><\/li>- Dopo aver verificato i parametri di configurazione della distribuzione, nella pagina di riepilogo cliccare su Fine<\/strong>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_09.jpg\")
<\/figure><\/li>- Cliccato su Fine<\/strong> partir\u00e0 la Configurazione della distribuzione<\/em>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_10.jpg\")
<\/li>- Alla fine della Configurazione della distribuzione<\/em> vedremo la pagina del Centro distribuzione aggiornarsi e arricchirsi con tutti gli strumenti e le informazioni necessari per la gestione della distribuzione appena configurata.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_11.jpg\")
<\/figure><\/li><\/ul>\n\n\n\nAbbiamo cos\u00ec configurato una distribuzione in cui abbiamo utilizzato Azure Repos come repository e Azure Pipelines come Pipeline, ma il processo di Configurazione della distribuzione<\/em> ha fatto molto di pi\u00f9 di quello che sembra.<\/p>\n\n\n\n
Su Azure DevOps<\/strong>, se apriamo il progetto che abbiamo selezionato durante la fase di configurazione della distruzione e nel menu a sinistra selezioniamo il servizio Pipelines<\/strong>, possiamo vedere che il configuratore a creato una pipeline per la compilazione del codice sorgente.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_12.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_13.jpg\")
<\/figure>\n\n\n\nMa non solo, nel men\u00f9 di sinistra cliccando su Releases<\/strong> possiamo vedere che il configuratore ha anche creato una release per distribuire il codice compilato nella Web App.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_14.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_15.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_16.jpg\")
<\/figure>\n\n\n\nGitHub<\/a> e GitHub Actions<\/a><\/h2>\n\n\n\n
- Selezionare Azure Repos<\/strong> come repository del codice sorgente e cliccare su continua<\/strong>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_17.jpg\")
<\/li>- Avendo gi\u00e0 parlato precedentemente di Azure Pipelines, in questo caso selezioniamo GitHub Actions<\/strong> come provider di compilazione e cliccare su continua<\/strong>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_18.jpg\")
<\/li>- Configurare la distribuzione selezionando l\u2019organizzazione, il repository, il ramo, lo stack di runtime e la versione con cui \u00e8 sviluppata l\u2019applicazione Web e cliccare su continua<\/strong>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_19.jpg\")
<\/figure><\/li>- Dopo aver verificato i parametri di configurazione della distribuzione e prima di cliccare su Fine<\/strong> nella pagina di riepilogo, vi voglio far notare che il configuratore ha preparato uno script per la creazione della action su GitHub.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_20.jpg\")
<\/figure>![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_21.jpg\")
<\/figure><\/li>- Cliccato su Fine<\/strong> partir\u00e0 la Configurazione della distribuzione<\/em>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_22.jpg\")
<\/li>- Alla fine della Configurazione della distribuzione<\/em> vedremo la pagina del Centro distribuzione aggiornarsi e arricchirsi con tutti gli strumenti e le informazioni necessari per la gestione della distribuzione appena configurata.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_23.jpg\")
<\/figure><\/li><\/ul>\n\n\n\nAbbiamo cos\u00ec configurato una distribuzione in cui abbiamo utilizzato GitHub come repository e GitHub Actions come Pipeline e anche in questo il processo di Configurazione della distribuzione ha fatto molto di pi\u00f9 di quello che sembra, ma non del tutto.<\/p>\n\n\n\n
Apriamo il portale di GitHub<\/a> e selezioniamo il repository che contiene il codice sorgente dell\u2019applicazione.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_24.jpg\")
<\/figure>\n\n\n\nPossiamo subito notare che il configuratore a creato una cartella .github\/workflows<\/strong> con all\u2019interno il file master_serviceappwebtraining.yml<\/strong> che contiene la configurazione del flusso di lavoro dell\u2019azione GitHub.<\/p>\n\n\n\n
Nel menu in alto clicchiamo su Actions<\/strong>, sulla sinistra, nell\u2019elenco dei Workflow, selezioniamo l\u2019azione creata dal configuratore \u201cBuild and deploy ASP.Net Core app to Azure Web App \u2013 serviceappwebtraining\u201d<\/strong> e vedremo che il job \u00e8 fallito.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_25.jpg\")
<\/figure>
Per capire il motivo per cui il job \u00e8 fallito clicchiamo su job \u201cAggiunge o aggiorna la configurazione del flusso di lavoro\u2026<\/strong>\u201d e poi su \u201cbuild-and-deploy<\/strong>\u201d nel menu a sinistra.![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_26.jpg\")
<\/figure><\/p>\n\n\n\nNavigando nel log possiamo vedere che a fallire \u00e8 stata la build perch\u00e9 nel file yml di flusso non \u00e8 specificato il nome del progetto nei comandi dotnet build<\/strong> e dotnet publish<\/strong>. Non ci resta far altro che correggere il file yml nella cartella workflows, aggiungendo il nome del progetto \u201cserviceappwebtraining\u201d.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_27.jpg\")
<\/figure>
Dopo aver committato la modifica partir\u00e0 automaticamente un nuovo job che andr\u00e0 a buon fine e il codice eseguibile verr\u00e0 distribuito nella Web App.![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_28.jpg\")
<\/figure><\/p>\n\n\n\nBitBucket<\/a><\/h2>\n\n\n\n
- Selezionare BitBucket<\/strong> come repository del codice sorgente e cliccare su continua.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_29.jpg\")
<\/li>- In questo caso non ci verr\u00e0 chiesto il provider di compilazione perch\u00e9 Kudu \u00e8 l\u2019unica opzione al momento e verremo indirizzati direttamente allo step di configurazione della distribuzione. Configurare la distribuzione selezionando il team, il repository e il ramo e cliccare su continua<\/strong>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_30.jpg\")
<\/figure><\/li>- Dopo aver verificato i parametri di configurazione della distribuzione, nella pagina di riepilogo cliccare su Fine<\/strong>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_31.jpg\")
<\/figure><\/li>- Cliccato su Fine<\/strong> partir\u00e0 la Configurazione della distribuzione<\/em>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_32.jpg\")
<\/li>- Alla fine della Configurazione della distribuzione<\/em> vedremo la pagina del Centro distribuzione aggiornarsi e arricchirsi con tutti gli strumenti e le informazioni necessari per la gestione della distribuzione appena configurata.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_33.jpg\")
<\/figure><\/li><\/ul>\n\n\n\nSe attendiamo qualche secondo potremmo vedere che Kudu andr\u00e0 a recuperare il codice sorgente dal repository BitBucket, compiler\u00e0 il codice sorgente e distribuir\u00e0 il codice eseguibile nell\u2019App Web. Cliccando nel menu in altro sul pulsante Sfoglia<\/strong> ci verr\u00e0 aperto il browser con l\u2019url dell\u2019App Web.<\/p>\n\n\n\n
Local Git e Azure Pipelines<\/h2>\n\n\n\n
- Selezionare Local Git<\/strong> come repository del codice sorgente e cliccare su continua<\/strong>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_34.jpg\")
<\/li>- Avendo gi\u00e0 parlato precedentemente di Azure Pipelines, in questo caso selezioniamo GitHub Actions<\/strong> come provider di compilazione e cliccare su continua<\/strong>.
<\/li>- Allo step di configurazione possiamo scegliere se utilizzare una nuova organizzazione di Azure DevOps oppure una esistente:
- Se scegliamo Nuovo<\/strong>, ci verr\u00e0 richiesto il nome dell\u2019organizzazione, il percorso di localizzazione e il framework di sviluppo dell\u2019applicazione web.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_35.jpg\")
<\/figure><\/li><\/ul>- Se scegliamo Esistente<\/strong>, ci verr\u00e0 richiesto l\u2019organizzazione, il progetto e il framework di sviluppo dell\u2019applicazione web.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_36.jpg\")
<\/figure><\/li><\/ul><\/li>- Dopo aver cliccato su Continua<\/strong> e aver verificato i parametri di configurazione della distribuzione, nella pagina di riepilogo cliccare su Fine<\/strong>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_37.jpg\")
<\/figure><\/li>- Cliccato su Fine<\/strong> partir\u00e0 la Configurazione della distribuzione<\/em>.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_38.jpg\")
<\/li>- Alla fine della Configurazione della distribuzione<\/em> vedremo la pagina del Centro distribuzione aggiornarsi e arricchirsi con tutti gli strumenti e le informazioni necessari per la gestione della distribuzione appena configurata.
![\"\"](\"https:\/\/www.gaetanopaterno.it\/wp-content\/uploads\/2020\/04\/distribuzione_automatizzata_39.jpg\")
<\/figure><\/li><\/ul>\n\n\n\nAbbiamo cos\u00ec configurato una distribuzione in cui, come nel primo punto, abbiamo utilizzato Azure Repos come repository e Azure Pipelines come Pipeline. Come nel primo punto se abbiamo utilizzato un progetto gi\u00e0 esistente, il configuratore si sar\u00e0 incaricato di creare le Pipeline di Build del codice sorgente e di Release del codice eseguibile; ma se abbiamo scelto di creare una nuova organizzazione il configuratore ha anche creato una nuova organizzazione e un nuovo progetto. In questo caso ho scelto la creazione di una nuova organizzazione, quindi il deploy \u00e8 fallito perch\u00e9 il branch \u00e8 vuoto. Al primo commit la distribuzione andr\u00e0 a buon fine.<\/p>\n\n\n\n
Conclusioni<\/h1>\n\n\n\n
In questo 2\u00b0 articolo su Azure App Service abbiamo visto i 4 casi di continuous deployment di un\u2019applicazione web utilizzando delle Pipeline di CI\/CD. Nel prossimo articolo vedremo il caso di distribuzione tramite FTP.<\/p>\n","protected":false},"excerpt":{"rendered":"
Introduzione Nel precedente articolo abbiamo introdotto brevemente il servizio Web App di Azure e i metodi pi\u00f9 comuni per crearla (link). Il servizio Web App consente di creare, distribuire e ridimensionare rapidamente applicazioni Web, per dispositivi mobili e API di livello aziendale, in qualsiasi piattaforma e soddisfare rigorosi requisiti di prestazioni, scalabilit\u00e0, sicurezza e conformit\u00e0 usando al contempo una piattaforma completamente gestita e manutenuta. Da questo articolo iniziamo ad approfondire le caratteristiche del servizio Web App partendo dal Centro distribuzione e dai metodi di continuous deployment del codice sorgente dell\u2019applicazione web che stiamo sviluppando. Per accedere al Centro distribuzione: Nel…<\/p>\n
- Dopo aver cliccato su Continua<\/strong> e aver verificato i parametri di configurazione della distribuzione, nella pagina di riepilogo cliccare su Fine<\/strong>.
- Se scegliamo Esistente<\/strong>, ci verr\u00e0 richiesto l\u2019organizzazione, il progetto e il framework di sviluppo dell\u2019applicazione web.
- Avendo gi\u00e0 parlato precedentemente di Azure Pipelines, in questo caso selezioniamo GitHub Actions<\/strong> come provider di compilazione e cliccare su continua<\/strong>.
- In questo caso non ci verr\u00e0 chiesto il provider di compilazione perch\u00e9 Kudu \u00e8 l\u2019unica opzione al momento e verremo indirizzati direttamente allo step di configurazione della distribuzione. Configurare la distribuzione selezionando il team, il repository e il ramo e cliccare su continua<\/strong>.
- Avendo gi\u00e0 parlato precedentemente di Azure Pipelines, in questo caso selezioniamo GitHub Actions<\/strong> come provider di compilazione e cliccare su continua<\/strong>.
- Selezionare Azure Pipelines<\/strong> come provider di compilazione e cliccare su continua<\/strong>.
- Selezionare Azure Repos<\/strong> come repository del codice sorgente e cliccare su continua<\/strong>.