En aquest tema, aprendrem sobre la integració i el lliurament continu (CI/CD) en el context del desenvolupament d'aplicacions amb Ionic. La CI/CD és una pràctica essencial en el desenvolupament de programari modern que permet automatitzar la integració de codi i el desplegament d'aplicacions, millorant així la qualitat del programari i accelerant el temps de lliurament.

• Entendre els conceptes bàsics de la CI/CD.
• Configurar un pipeline de CI/CD per a una aplicació Ionic.
• Integrar eines de CI/CD com GitHub Actions, Travis CI o CircleCI.
• Automatitzar proves, construcció i desplegament de l'aplicació.

La integració contínua és una pràctica de desenvolupament de programari on els desenvolupadors integren el seu codi en un repositori compartit diverses vegades al dia. Cada integració és verificada per una construcció automatitzada (incloent proves) per detectar errors tan aviat com sigui possible.

El lliurament continu és una extensió de la integració contínua que assegura que el codi que passa les proves automatitzades es pot desplegar automàticament en un entorn de producció. Això permet que les aplicacions es lliurin de manera ràpida i segura.

Abans de configurar el pipeline de CI/CD, assegura't que el teu codi estigui en un sistema de control de versions com GitHub, GitLab o Bitbucket.

Hi ha diverses eines que pots utilitzar per configurar CI/CD per a la teva aplicació Ionic. Algunes de les més populars són:

• GitHub Actions
• Travis CI
• CircleCI

1. Crear un Fitxer de Workflow

Crea un fitxer anomenat ci.yml dins del directori .github/workflows/ del teu repositori.

2. Explicació del Workflow

• Checkout repository: Clona el repositori.
• Set up Node.js: Configura l'entorn Node.js.
• Install dependencies: Instal·la les dependències del projecte.
• Build Ionic app: Construeix l'aplicació Ionic.
• Run tests: Executa les proves automatitzades.
• Deploy to Firebase Hosting: Desplega l'aplicació a Firebase Hosting (només si es fa un push a la branca main).

Per desplegar l'aplicació, necessitaràs configurar secrets com el FIREBASE_TOKEN. A GitHub, pots afegir secrets al teu repositori anant a Settings > Secrets > New repository secret.

Configurar un pipeline de CI/CD per a una aplicació Ionic utilitzant GitHub Actions.

1. Crea un nou repositori a GitHub i puja el teu projecte Ionic.
2. Crea el fitxer ci.yml dins del directori .github/workflows/.
3. Afegeix el contingut del workflow proporcionat anteriorment.
4. Configura els secrets necessaris per al desplegament.
5. Fes un commit i push dels canvis al repositori.
6. Verifica que el pipeline s'executa correctament i que l'aplicació es desplega a Firebase Hosting.

Segueix els passos detallats anteriorment per configurar el pipeline de CI/CD. Si tens problemes, revisa els logs de GitHub Actions per identificar i solucionar els errors.

En aquest tema, hem après els conceptes bàsics de la integració i el lliurament continu, i hem configurat un pipeline de CI/CD per a una aplicació Ionic utilitzant GitHub Actions. La CI/CD és una pràctica essencial que ajuda a millorar la qualitat del programari i a accelerar el temps de lliurament, permetent desplegar aplicacions de manera ràpida i segura.