Saltar al contenido principal
CI/CD

Gestione la construcción de desarrollo y producción con acciones de GitHub

Use Capgo para publicar su devbuild en un canal específico, y permita a su equipo probar su Capacitor aplicación de Ionic sin esperar la revisión de Apple y Google

Martin Donadieu

Martin Donadieu

Marketing de contenido

Gestione la construcción de desarrollo y producción con acciones de GitHub

Este tutorial se centra en la GitHub de alojamiento, pero puede adaptarlo con un poco de ajuste a cualquier otra plataforma de CI/CD

Introducción

Asegúrese de haber agregado su aplicación Capacitor primero a Capgo, este tutorial solo se centra en la fase de carga

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

GitHub acciones para etiqueta

Luego debes crear tu primera GitHub acción para construir automáticamente y crear etiquetas.

Crear un archivo en este camino: .github/workflows/bump_version.yml

con este contenido:

name: Bump version

on:
  push:
    branches:
      - main
      - development

jobs:
  bump-version:
    if: "!startsWith(github.event.head_commit.message, 'chore(release):')"
    runs-on: ubuntu-latest
    name: "Bump version and create changelog with standard version"
    steps:
      - name: Check out
        uses: actions/checkout@v6
        with:
          fetch-depth: 0
          filter: blob:none
          token: '${{ secrets.PERSONAL_ACCESS_TOKEN }}'
      - name: Git config
        run: |
          git config --local user.name "github-actions[bot]"
          git config --local user.email "github-actions[bot]@users.noreply.github.com"
      - name: Create bump and changelog
        if: github.ref == 'refs/heads/main'
        run: npx capacitor-standard-version
      - name: Create bump and changelog
        if: github.ref != 'refs/heads/main'
        run: npx capacitor-standard-version --prerelease alpha
      - name: Push to origin
        run: |
          CURRENT_BRANCH=$(git rev-parse --abbrev-ref HEAD)
          remote_repo="https://${GITHUB_ACTOR}:${{ secrets.PERSONAL_ACCESS_TOKEN }}@github.com/${GITHUB_REPOSITORY}.git"
          git pull $remote_repo $CURRENT_BRANCH
          git push $remote_repo HEAD:$CURRENT_BRANCH --follow-tags --tags

Esto liberará una etiqueta para cada commit en tu rama principal. Y un alpha lanzamiento para developmenty finalmente una entrada de cambios para cada commit en CHANGELOG.md.

No te preocupes si no tienes este archivo, se creará por ti.

To make this work, you need to create a TOKEN DE ACCESO PERSONAL and add it to your GitHub secrets as PERSONAL_ACCESS_TOKEN.

Esto es necesario para permitir que el CI realice el commit del changelog y el aumento de versión.

When you create the token, choose expiration as never y el alcance como repo.

Set the version clave in your package.json archivo. Use for that the last version released in The store.

Solo es necesario la primera vez, luego las herramientas lo mantendrán actualizado.

Puede ahora cometer estos dos archivos y ver su primera etiqueta aparecer en GitHub!

capacitor-standard-version es el paquete que hace la magia, por defecto, también actualiza su número de versión en Android e IOS

GitHub acciones para la compilación

Crear un archivo en este camino: .github/workflows/build.yml

con este contenido:

name: Build source code and send to Capgo

on:
  push:
    tags:
      - '*'
      
jobs:
  deploy:
    runs-on: ubuntu-latest
    name: "Build code and release"
    steps:
      - name: Check out
        uses: actions/checkout@v6
      - name: Install dependencies
        id: install_code
        run: npm i
      - name: Build
        id: build_code
        run: npm build
        env:
          MY_ENV_VAR: ${{ secrets.MY_ENV_VAR }}
      - name: Create Release Alpha
        if: "contains(github.ref, '-alpha.')"
        id: create_release_prepro
        run: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} -c development
      - name: Create Release Production
        if: "!contains(github.ref, '-alpha.')"
        id: create_release_prod
        run: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} -c production

Esto instalará y compilará su dependencia antes de enviarla a Capgo.

Si su comando de compilación es diferente, puede cambiarlo en el build_code Si necesita una variable de entorno, utilice el

y establezca el MY_ENV_VAR en sus ajustes de proyecto __CAPGO_KEEP_0__, luego secreto y __CAPGO_KEEP_1__ Action. secret Si necesita una variable de entorno, utilice el y establezca el en sus ajustes de proyecto GitHub, luego secreto y GitHub Action.

To hacer que la subida de Capgo funcione, necesitas obtener tu API clave para Capgo, agregarla en el segredo de tu GitHub repositorio como CAPGO_TOKEN.

Puedes ahora agregar estos dos archivos y ver tu primera versión aparecer en Capgo!

La confirmación generará una nueva Capacitor construcción para el canal de producción y desarrollo.

Debes agregar tus pruebas en el paso de construcción de Ionic para asegurarte de que code funciona correctamente.

Ve a tu Capgo panel de control y verifica tu construcción que acaba de aparecer, ahora tienes tu sistema CI/CD.

Sigue adelante desde la gestión de construcción de desarrollo y producción con GitHub acciones

Si estás utilizando Gestiona la construcción de desarrollo y producción con GitHub acciones para planificar la ruta de canales y el lanzamiento en etapas, conecta con Canal de liberación de __CAPGO_KEEP_0__ para los detalles de implementación en los canales, Canales para los detalles de implementación en los canales, Canales para los detalles de implementación en los canales, Solución de Pruebas Beta para el flujo de trabajo del producto en Solución de Pruebas Beta, y Solución de Enfoque en Versión para el flujo de trabajo del producto en Solución de Enfoque en Versión.

Actualizaciones en vivo para Capacitor aplicaciones

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.

soporte humano de Martin

Iniciar Ahora

Últimas noticias de nuestro Blog

Capgo te brinda las mejores perspectivas que necesitas para crear una aplicación móvil verdaderamente profesional.