Saltar al contenido principal
CI/CD

Aplicación de construcción y lanzamiento automático con GitLab

Crea tu propio pipeline de CI/CD con GitLab de forma gratuita, despliega tu aplicación Ionic Capacitor JS cada vez que pulses en main.

Anik Dhabal Babu

Anik Dhabal Babu

Gerente de contenido

Aplicación de construcción y lanzamiento automático con GitLab

Este artículo te guiará sobre cómo configurar el pipeline de CI/CD con GitLab.

Introducción

Asegúrate de haber agregado tu aplicación Capacitor primero a Capgo, este tutorial se centra solo en la fase de carga. Si necesitas agregar tu aplicación a Capgo, puedes seguir este Tutorial.

Convención de commit

Primero debes empezar a seguir la convención de commit comits convencionales` esto ayudará a las herramientas a entender cómo actualizar el número de versión, solo lleva 5 minutos aprenderlo.

Comits convencionales

GitLab CI/CD para Etiqueta

Crea un archivo .gitlab-ci.yml en la raíz de tu repositorio de GitLab con el siguiente contenido

 stages:
      - tag

 bump_version:
   stage: tag
   only:
     - main
  except:
    variables:
  - $CI_COMMIT_MESSAGE =~ /^chore\(release\):/
  script:
   - git config --global user.email "gitlab@yourdomain.com"
   - git config --global user.name "GitLab CI/CD"
   - git checkout $CI_COMMIT_REF_NAME
   - git pull origin $CI_COMMIT_REF_NAME
   - npx capacitor-standard-version
   - git push origin $CI_COMMIT_REF_NAME --tags

Reemplaza "gitlab@tu dominio.com" y "GitLab CI/CD" con tu correo electrónico de GitLab y tu nombre de usuario en la sección de script. Esta configuración desencadena el trabajo solo en las actualizaciones de la rama principal y excluye los commits con mensajes que comienzan con "chore(release):".

GitLab CI/CD para Compilar

Agrega otra etapa a tu archivo .gitlab-ci.yml para la compilación:

    stages:
      - deploy

   deploy:
     stage: deploy
     only:
       - tags  # This job will only run for tag pushes
     script:
       - apt-get update -qy && apt-get install -y nodejs npm
       - npm install -g @capgo/cli
       - npm ci
       - npm run build
       - npx @capgo/cli bundle upload -a $CAPGO_TOKEN -c production
     variables:
       FIREBASE_CONFIG: $FIREBASE_CONFIG  # Define this in your GitLab project settings
     environment:
       name: production

Asegúrate de tener tu Capgo API clave (CAPGO_TOKEN) agregada como una variable de CI/CD en tu proyecto de GitLab. Ve a tu proyecto en GitLab, navega hasta Configuración > CI/CD > Variables, y agrega una variable llamada CAPGO_TOKEN con el valor de tu API clave.

Personaliza el script de compilación para que se adapte a los procesos de compilación específicos de tu proyecto, como cambiar el comando de compilación npm.

Conclusión

¡Eso es todo! Tomamos un paso adicional en nuestro viaje tecnológico. En el desarrollo de software moderno, el CICD es un factor esencial que debe considerarse. Espero que esta guía tenga sentido para todos.

Actualizaciones en vivo para aplicaciones Capacitor

Cuando haya un error en la capa web, envíe la corrección a través de Capgo en lugar de esperar días a la aprobación de la tienda de aplicaciones. Los usuarios obtienen la actualización en segundo plano mientras los cambios nativos siguen en el camino de revisión normal.

Comience ahora

Últimas noticias de nuestro Blog

Capgo le da las mejores pistas que necesita para crear una aplicación móvil verdaderamente profesional.