Saltar al contenido principal
CI/CD

Aplicación de compilación y lanzamiento automática con GitLab

Crea tu propia pipeline de CI/CD con GitLab de forma gratuita, despliega tu aplicación Ionic Capacitor cada vez que subas a main.

Créditos del artículo

Martín Donadieu

Escritor

Valeria

Revisor

Jordan

Editor

Aplicación de compilación y lanzamiento automática con GitLab

Este artículo te guiará a través de la configuración de la canalización de CI/CD con GitLab.

Prefacio

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 commits convencionales` esto ayudará a la herramienta a entender cómo actualizar el número de versión, solo lleva 5 minutos aprenderlo.

commits convencionales

GitLab CI/CD para Etiqueta

Crear 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

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

GitLab CI/CD para Construcción

Agregar otra etapa a tu archivo .gitlab-ci.yml para la construcció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

Ensure you have your Capgo API key (CAPGO_TOKEN) added as a CI/CD variable in your GitLab project. Go to your project in GitLab, navigate to Settings > CI/CD > Variables, and add a variable named CAPGO_TOKEN with your API key value.

Personalice el script de compilación para adaptarse a los requisitos específicos de su proyecto, como cambiar el comando de compilación npm.

Conclusión

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

Siga adelante desde la aplicación de compilación y lanzamiento automático con GitLab

Si está utilizando Compilación y lanzamiento automático con GitLab para planificar la automatización de CI/CD, conecte con Capgo CI/CD para el flujo de trabajo del producto en Capgo CI/CD, Capgo Compilaciones nativas para el flujo de trabajo del producto en Capgo Compilaciones nativas, Capgo Integraciones para el flujo de trabajo del producto en Capgo Integraciones, Integración CI/CD para los detalles de implementación en la integración de CI/CD GitHub Actions Integration para los detalles de implementación en GitHub Integración de Acciones.

Actualizaciones en vivo para aplicaciones Capacitor

Cuando un error de capa web está en vivo, envíe la corrección a través de Capgo en lugar de esperar días para 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.

Últimas noticias de nuestro Blog

Capgo te da las mejores herramientas para crear una aplicación móvil profesional