Una Pipeline permette di automatizzare il processo build, testing e deploy di un applicativo o di un’infrastruttura. Le pipeline e gli strumenti utilizzati per realizzarle sono alla base del CICD (Continuous Integration e Continuous Delivery).
Una Pipeline è costituita da una sequenza di fasi, che rappresentano l’esecuzione di uno o più comandi, eseguiti  secondo un ordine prefissato. In una pipeline classica, una fase viene eseguita soltanto quando la precedente è terminata con successo, questo permette alla nuova fase che entra in esecuzione di poter utilizzare gli output generati dalla precedente.
Le uniche fasi che rompono questo pattern sono quella iniziale, la cui sorgente è il codice da buildare e/o i binari da distribuire, e la fase finale che, ad esempio, effettua il deploy e/o salva i compilati su uno storage dedicato.

La traduzione letterale del termine pipeline è tubatura. Con esso, nel settore dell’informatica, si intende l’esecuzione di fasi/comandi secondo un ordine prefissato, che nel nostro caso hanno lo scopo di integrare e distribuire il codice. Esistono diverse soluzioni/sistemi per realizzare una pipeline. Tra i più famosi troviamo:

• Jenkins: la sua natura open source lo rende la soluzione più utilizzata nel mondo self hosted. Permette di definire delle pipeline in cui le fasi possono essere anche dei comandi di sistema; 
• Le pipeline di GitHub e GitLab: pipeline direttamente integrate nei servizi di repository, che permettono di compilare e distribuire le applicazione, quando vengono pushate delle modifiche;
• Servizi di Pipeline integrati nei cloud Provider: questi servizi permettono di eseguire build e effettuare deploy di infrastrutture e applicazioni che utilizzano i loro servizi. Tra i più famosi troviamo
  • CodePipeline di AWS
  • Azure Pipelines
  • CloudBuild di GCP

Di seguito analizzeremo come realizzare una pipeline per effettuare la build e il deploy di un front-end realizzato in Vue utilizzando i servizi di Amazon Codepipeline e Codebuild.
Inoltre sarà mostrato anche come creare una Lambda che permette di invalidare in automatico la distribuzione Cloudfront, usata per distribuire i contenuti del bucket.

Si assume che siano già state create le risorse per ospitare e distribuire il sito web (Bucket S3 e CDN Cloudfront).

In generale, per eseguire una build di un front-end realizzato in Vue è necessario eseguire i seguenti passi:

1. Installare le dipendenze: npm install
2. Lanciare lo script di build: npm run build

Dopo l’esecuzione del comando di build verrà creata una cartella chiamata dist che conterrà i file da caricare sull’hosting, server o nel nostro caso il bucket S3 che servirà i contenuti.

Il passo preliminare per realizzare una pipeline è individuare e scegliere la sorgente che contiene i file da buildare o deployare. Questa può essere un Bucket S3, un repository Git o un repository Docker.

Nell’esempio mostrato di seguito, sceglieremo come sorgente un Bucket S3 su cui sarà caricato uno zip, chiamato “Source.zip”, il quale conterrà tutti i file del progetto.

Al fine di realizzare la build all’interno della nostra pipeline è necessario creare un progetto codebuild.

Spesso i siti statici, non sono serviti direttamente dal bucket S3, ma le best practice suggerite da Amazon, prevedono che i contenuti siano serviti da un CDN Cloudfront la cui origin è un bucket.
In questo caso, dopo ogni deploy, è necessario creare un’invalidazione della CDN che comporta la cancellazione dei vecchi file dai server di Cloudfront, in modo tale che vengano serviti quelli nuovi.

Per far si che la CDN sia invalidata ad ogni nuova esecuzione della pipeline è necessario creare una Lambda e aggiungere uno step alla pipeline precedentemente creata.

Creazione della lambda