Activitats amb CI CD i Git Hooks

Aquesta activitat va enfocada a desenvolupar la vostra landing page atenent a criteris de CI/CD i automatització amb Git Hooks

Activitat 1: Creació del directori del projecte on tindrem la landing page

Heu de tenir un directori local on treballareu el projecte de la landing page. Aquest directori ha de tenir la següent estructura bàsica:

1. la pagina web (landing page) tant l'index.html com els fitxers CSS, JS i imatges associades.
2. Els fitxers Dockerfile.dev i Dockerfile.prod per crear les imatges Docker de l'aplicació web.
3. El fitxer docker-compose.yml per orquestrar el servei web amb Docker Compose.
4. El directori .git amb el repositori Git on treballareu.
5. Els fitxers de configuració dels virtual hosts d'Apache com havíem fet en l'activitat anterior.

Mostra una captura de pantalla de l'estructura del directori del projecte o si encara no l'has creat indica quina estructura tindrà i quins fitxers contindrà.

Activitat 2: treballant amb Git i git flow

En la propera sessió explicarem / repassarem com treballar amb Git i git flow per gestionar les branques del projecte. A mode de flip classroom, abans de la sessió repassem els conceptes següents:

1. Què és i com es crea una branca? Per a que serveix tenir branques en un projecte?
2. En que consisteix tenir un conflicte al codi font? Com es resolen els conflictes?
3. Què és git flow i quins són els passos bàsics per treballar amb git flow en un projecte?
4. Descriu els diferent tipus de branques que es creen en git flow i per a que serveix cadascuna.
5. Quins són els passos bàsics per crear una nova funcionalitat (feature) i després integrar-la a la branca principal (main) utilitzant git flow?
6. Com es gestionen les versions i els llançaments (releases) amb git flow?
7. Com es gestionen els errors (hotfixes) en un projecte utilitzant git flow?
8. Què és i com es fa un pull request (PR) en un projecte amb git flow?
9. Explica què són els Git Hooks i per a que serveixen.

Activitat 3 — Fes una prova de Git Hooks en el teu projecte

1. Crea un script de Git Hook pre-commit que imprimeixi un missatge a la consola cada vegada que facis un commit dient en quina branca estàs treballant actualment.
2. Afegeix que si la branca es "main" l'script execute el docker-compose per construir i desplegar l'aplicació web en mode producció (utilitzant el Dockerfile.prod).
3. Prova el pre-commit fent un commit qualsevol (ho pots fer en un document nou per provar abans d'integrar-ho al projecte) i comprova que es mostren els missatges a la consola i es copien els nous fitxers a la imatge i posteriorment al contenidor (mostra com fent un push automàticament la teua pàgina canvia).

Reaprofita tots els fitxers i configuracions que has fet a les activitats anteriors.