Cómo Rapido Cloud gestiona Semantic Release con Capgo CapacitorUpdater

1. Introducción

En Rapido Cloud (www.rapido.cloud), estoy desarrollando una aplicación móvil para clientes de Salesforce para que puedan desplegar fácilmente su propia aplicación móvil con su marca sin tener que pasar por los difíciles bucles de utilizar la aplicación móvil de Salesforce SDK o el Publicador de Aplicaciones Móviles de Salesforce.

He desarrollado esta aplicación móvil en una plataforma moderna y "estándar" con componentes y herramientas ampliamente utilizados, incluyendo Ionic 8, Angular 18, TypeScript, Capacitor y ahora Capgo CapacitorUpdater. Estos son más simples de manejar para los clientes que no desean gestionar especificidades de la plataforma Salesforce como Lightning Web Components; y es más fácil y económico para mí reclutar desarrolladores y mantenidos de aplicaciones móviles Ionic + Angular.

Este artículo explica mi diseño, mis elecciones y la implementación que hacen de Capgo una opción muy exitosa y sin problemas para gestionar todos los despliegues automáticamente a través de Capgo Actions. Todo esto se diseñó, probó y documentó durante el agradable período de prueba de 14 días gratuito de __CAPGO_KEEP_1__ CapacitorUpdater. semantic-release a very successful no-brainer for managing all deployments automatically via Github Actions. All this was designed, tested and documented during the nice 14-day free trial period of Capgo CapacitorUpdater.

Capgo CapacitorUpdater me atrae con su promesa de hacer que los despliegues de aplicaciones móviles sean mucho más simples, rápidos y flexibles que ir a través del proceso estándar de Apple AppStore/Google PlayStore.

Capgo CapacitorUpdater attracted me with its promise to make mobile app deployments much more simple, much more rapid and flexible than going through the standard Apple AppStore/Google PlayStore delivery process. This is my first mobile application which I am pushing to the stores, having concentrated in the past on web apps, usually developed on the Salesforce Experience Cloud.

Me asustaba un poco la curva de aprendizaje para hacer esto exitoso pero pude poner mi aplicación en Apple TestFlight con facilidad. Luego pude usar Capgo CapacitorUpdater para desplegar mis actualizaciones mucho más rápido.

My first requirement and test case was to deploy for myself to test my app as a real mobile app on my own phone, instead of testing in a mobile emulator or in a simulator via the Nexus mobile browser suggested by IIonic. That’s because my app uses native features such as Geolocation or accessing the Photo Gallery and Camera. Not having the past experience of testing a Capacitor mobile app, I wasn’t sure if everything was going to work properly : nothing better than to test the real app, in real conditions !

Entonces Capgo CapacitorUpdater me ayudó a actualizar mi aplicación en mi móvil, en vivo, 1 minuto después de guardar una nueva característica o corrección en mi código fuente code : tan aliviado, y tan flexible, y fácil de configurar !

3. Mi modelo de ramificación y liberación, y cómo semantic-release se ajusta en él

Entonces ahora tengo mi entrega a Capgo servidores funcionando correctamente, necesito automatizar esto y ajustarlo a mi pipeline de CI/CD.

Esto es cómo organizo mi modelo de ramificación y liberación

Para cada aplicación, ya sea móvil, web o Salesforce :

• se lleva a cabo el desarrollo en se ramifica desde feature/... , y se fusionan en mainque es la referencia para la mayoría de las ramas de desarrollo, fuera de la mantenimiento y características específicas para entregas personalizadas (más sobre esto a continuación) main se desencadenan las desplegaciones
• desarrollo de rama de lanzamiento que pueden ser : production, rama de lanzamiento prerelease (alpha, beta, nightly, etc.) y también rama específica para clientes o contextos para entregas personalizadas
• los despliegues se disparan por una solicitud de extracción está siendo fusionada en una rama de despliegue. No uso despliegues disparados por etiquetas porque semantic release gestiona las etiquetas y todo lo demás para mí.

Básicamente, esto es el flujo de Gitlab :

Flujo de Gitlab - fuente https://faun.dev/c/stories/manuelherrera/git-branching-strategies-in-2022

Nota al margen sobre cómo funciona semantic-release :

En una rama de despliegue, cuando semantic-release se dispara, calculará automáticamente el nuevo número de versión en esta rama, dependiendo del número de versión de la etiqueta anterior en la rama y los arreglos o características entregados. Los arreglos crearán una nueva versión de parche, mientras que las características crearán una nueva versión menor. También incluye automáticamente las versiones prerelease alpha, betaetc. en la versión número.

Semantic release genera el changelog a partir de tus commits, agrupando arreglos y características según se define en commits convencionales (ver https://www.conventionalcommits.org/en/about) y configurado en semantic release.

También actualizará todos tus pull requests de git (Github, en mi caso) fusionados y los problemas relacionados con comentarios que enlacen a ellos con la etiqueta y la versión. Finalmente, en esta Github versión, adjuntará activos como fuentes code, binarios si es necesario, CHANGELOG.mdetc.

4. Rama, versiones/prereleases, canales en semantic release y en Capgo

Entonces, lo que quiero que semantic release haga para Capgo despliegues es lo siguiente.

Quiero que semantic release genere el número de versión

Capgo han desarrollado y documentado su propia versión de la “Conventional Commits” standard-version herramienta, con su repositorio forkeado standard-version (https://github.com/Cap-go/standard-versiony sus propios capacitor-standard-version (https://github.com/Cap-go/capacitor-versión-estándar) también como capacitor-plugin-standard-version (https://github.com/Cap-go/capacitor-plugin-versión-estándar) repositorios. Han documentado en su blog el esquema de versión utilizado por Capgo en sus despliegues (https://capgo.app/blog/cómo-funciona-la-versión-en-capgo/). Los paquetes de JavaScript siguen el 'estándar' semver 'Semantic Versioning' (https://semver.org) que semantic-release también sigue (obviamente !)

Por lo tanto, eso es genial, y es un alivio para mí porque uso semantic-release de manera extensiva

I también quiero que semantic release genere despliegues de la aplicación en diferentes canales

Como se mencionó anteriormente, necesito desplegar versiones de prerelease desde ramas como alpha, beta, nightly etc., pero también versiones específicas de clientes en ramas como production-customer-jones, production-customer-doe, etc.

Capgo proporciona la característica de “canales” que es exactamente lo que también admite semantic release, por lo que estoy emocionado de hacer que funcionen juntos. Estos también se ajustan a las diferentes compilaciones de rama gestionadas por XCode Cloud (consulte más sobre esto a continuación).

Los números de versión Semver generados por semantic release en prereleases tienen el formato 1.0.0-alpha.1Los siguientes compilados en esta rama incrementarán el número de compilación a 1.0.0-alpha.2, etc. Aunque no se documenta explícitamente, estos números de versión están soportados por Capgo, lo cual es una excelente noticia para mí: utilizaré los canales de semantic release y prerelease para generar versiones de mi aplicación con Capgo canales.

5. ¿Cómo puedo utilizar Capgo para lanzar mi aplicación ?

Para automatizar el despliegue de los paquetes de la aplicación a Capgo, necesitas utilizar el comando Capgo CLI bundle upload. Tipo npx @capgo/cli@latest bundle upload --help para obtener las numerosas opciones de carga. Entre ellas, utilizaremos las siguientes :

npx @capgo/cli bundle upload --channel $CHANNEL --apikey $CAPGO_APIKEY --bundle $VERSION --bundle-url $CAPGO_APPID

• El canal Capgo es el canal al que queremos desplegar (por ejemplo alpha)
• La versión es generada por semantic release (por ejemplo 1.0.0-alpha.1)
• CAPGO_APIKEY se proporciona por Capgo para identificar de manera única tu pipeline de CI/CD de inicio de sesión
• CAPGO_APPID se proporciona por Capgo para identificar de manera única tu aplicación (por ejemplo com.mystartup.mysuperapp)

6. Mi configuración de actualización de Capacitor con semantic release + Capgo

Finalmente, ¿cómo se ajusta todo esto ?

Las versiones de paquetes de la aplicación construidas con semantic release y Github Actions

Automatización de liberación semántica con Github Actions

La belleza de la liberación semántica es que la automatización de despliegue, en forma de un flujo de trabajo de Github Actions, es muy simple. Esto se verá muy similar en otras plataformas de CI/CD .

# ./github/workflows/release.yml

name: Release

on:
  workflow_dispatch:
  push:
    branches: [alpha, alpha-nocapgo, dev-rupert]    # <--- adapt this

env:
  CAPGO_APPID: com.mystartup.mysuperapp             # <--- adapt this
  CAPGO_APIKEY: ${{ secrets.CAPGO_APIKEY }}

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v6
      - uses: actions/setup-node@v6
        with:
          node-version: 24
          cache: "npm"
      - run: npm install
      - run: npx semantic-release
        env:
          DEBUG: true
          GITHUB_TOKEN: ${{ github.token }}

Solo instala el entorno de NodeJS, luego llama a la liberación semántica.

Para cada mzerge en una rama lista en branchessemantic release desencadenará un despliegue. Establecer CAPGO_APIKEY en los secretos de tu repositorio. Actualizar tu CAPGO_APPID aquí.

El comportamiento de semantic release se establece en su .releaserc.json archivo de configuración. Aquí tienes mis ajustes, explicados a continuación :

// .releaserc.json

{
  "branches": [
    {
      "name": "release",
      "channel": "production"
    },
    {
      "name": "alpha",
      "channel": "alpha",
      "prerelease": "alpha"
    },
    {
      "name": "alpha-nocapgo",
      "channel": "alpha",
      "prerelease": "alpha-nocapgo"
    },
    {
      "name": "dev-rupert",
      "channel": "development",
      "prerelease": "development"
    },
    {
      "name": "dev-paul",
      "channel": "development",
      "prerelease": "development"
    }
  ],
  "ci": true,
  "debug": true,
  "dryRun": false,
  "repositoryUrl": "https://github.com/RupertBarrow/mysuperapp",

  "verifyConditions": ["@semantic-release/github"],

  "plugins": [
    [
      "@semantic-release/commit-analyzer",
      {
        "preset": "angular",
        "releaseRules": [
          { "type": "breaking", "release": "major" },
          { "type": "feat", "release": "minor" },
          { "type": "fix", "release": "patch" },
          { "type": "ci", "release": "patch" },
          { "type": "doc", "release": "patch" },
          { "type": "docs", "release": "patch" },
          { "type": "refactor", "scope": "core-*", "release": "minor" },
          { "type": "refactor", "release": "patch" },

          { "scope": "no-release", "release": false }
        ]
      }
    ],

    "@semantic-release/release-notes-generator",

    ["@semantic-release/changelog", { "changelogFile": "CHANGELOG.md" }],

    [
      "@semantic-release/git",
      {
        "assets": ["package.json", "CHANGELOG.md", "ios/App/App.xcodeproj/project.pbxproj"],
        "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
      }
    ],

    ["@semantic-release/github", { "assets": ["CHANGELOG.md"] }],

    [
      "@semantic-release/exec",
      {
        "prepareCmd": "npm run build",
        "publishCmd": "npm add -D @capgo/cli && npx @capgo/cli bundle upload --channel ${branch.channel} --apikey $CAPGO_APIKEY --bundle ${nextRelease.version} --bundle-url $CAPGO_APPID"
      }
    ]
  ]
}

• branches :
  • branches establece la configuración de ramas (name), mapped to the Capgo channel (channel) y cómo se llamará el número de versión de prerelease (prerelease). Por ejemplo, si branch.prerelease = "development", el número de versión generado por semantic release será x.y.z-development.n
  • despliegues al alphay alpha-nocapgo ramas desplegarán la aplicación en el alphacanal, pero con diferentes nombres de versión de prerelease
  • despliegues a las ramas del desarrollador dev-ruperto dev-paul desplegarán ambos a la developmentcanal en Capgo, todos con la misma developmentpalabra clave de prerelease en el número de versión
• verifyConditions : en la primera etapa de la liberación semántica, verifica que tiene acceso correcto a Github. Espero agregar una verificación de autenticación para el Capgo CLI aquí más tarde
• @semantic-release/commit-analyzer : cosas estándar de la liberación semántica - consulte su documentación (https://github.com/semantic-release/semantic-release?tab=readme-ov-file#commit-message-format)
• @semantic-release/release-notes-generator : genere el archivo de cambios como CHANGELOG.md
• @semantic-release/git : cometa los siguientes archivos que han sido actualizados por la compilación de Ionic de la aplicación y por el trabajo de la liberación semántica (package.json, CHANGELOG.md y ios/App/App.xcodeproj/project.pbxproj - No construyo para Android, aún)
• @semantic-release/github : adjunta el CHANGELOG.md archivo al Github lanzamiento como activo
• @semantic-release/exec: utiliza estos 2 comandos para preparar la compilación de la aplicación (prepareCmd) y luego para construir y desplegar efectivamente el paquete de la aplicación en los servidores Capgo (publishCmd)

Usted notará que no hay manipulación con explicaciones sobre cómo queremos que se calcule y se incremente el número de versión, cómo debemos generar un changelog, una etiqueta o lanzamiento Github, etc. : todo está manejado por defecto por semantic release, con configuración mínima.

Construyendo nuevos binarios con XCode Cloud

Integrando todo esto con XCode Cloud, construir nuevas versiones del archivo binario de la aplicación es simple (no estoy aún desplegando en Google Play, pero ese build debería ser similar) :

• Configuré un proceso de XCode Cloud para construir cuando hay un cambio en la rama que deseo utilizar para esto (por ejemplo production)
• en esta rama, configuré XCode Cloud para construir solo cuando el CHANGELOG.md archivo se actualiza. Esto se actualiza después de cada versión generada por semantic release
• Puedo desencadenar construcciones en diferentes ramas para simular la implementación para diferentes canales. En cada configuración de construcción de XCode Cloud en una rama diferente, establezco una variable de entorno manualmente con el valor de branch.channel establecido en releaserc.json (sí, se trata de una duplicación manual) y luego, si lo deseaba, podría desplegar una aplicación de AppStore diferente para cada aplicación de cliente personalizada desplegada desde una rama de liberación personalizada, como se mencionó anteriormente.

Construyendo binarios de aplicaciones en XCode Cloud con Capgo canales

7. Conclusión

En conclusión, estoy muy feliz de haber podido integrar Capgo CapacitorUpdater en mi pipeline de liberación semántica estándar, rápidamente dentro del plazo del período de prueba de 14 días, y el resultado es el siguiente :

• Los números de versión de paquetes se generan automáticamente por la liberación semántica y son compatibles con los Capgo servidores
• La liberación semántica despliega automáticamente los paquetes de aplicaciones Capgo, también haciendo uso de Capgo canales
• Esto se ajusta bien a las construcciones de XCode Cloud de binarios de aplicaciones

Pasos siguientes

Estoy actualmente en la fase de desarrollo de esta aplicación. La pondré rápidamente a disposición de los probadores a través de TestFlight (para iOS). Considerando la potencia de Capgo, sin duda desplegaré una versión gratuita de la aplicación en la AppStore para pruebas, que se actualizará regularmente con Capgo durante las pruebas. Luego desplegaré otra (paga) versión de la aplicación en la AppStore, bajo otro registro, y también la actualizaré regularmente con Capgo.

I espero agregar una mejor verificación de Capgo antes de la compilación bundle upload en mi configuración de liberación semántica.

Ahora tengo una pila de liberación semántica limpia, simple y reproducible para futuras aplicaciones móviles desarrolladas con Ionic + Angular + Capacitor.

Autor - Rupert Barrow

Tengo más de 22 años de experiencia en Salesforce, como cliente y usuario, como socio y integrador, arquitecto, desarrollador, analista de negocio y consultor. Co-fundé y co-dirigí Altius Services como COO y CTO durante 13 años, un exitoso socio de servicios de Salesforce en Francia, antes de emprender una nueva aventura como solopreneur de Salesforce con mi oferta de productos Rapido Cloud. Puedes encontrarme en LinkedIn en

https://linkedin.com/in/rbarrow Puedes echar un vistazo a nuestras ofertas de Salesforce en.

https://www.rapido-companion.app y y https://www.rapido.cloud (en desarrollo).