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 __CAPGO_KEEP_0__ o el Publicador de Aplicaciones Móviles de Salesforce.At Rapido Cloud (www.rapido.cloud), I am developing a mobile application for Salesforce clients to easily deploy their own branded mobile application without having to go through the difficult loops of using the Salesforce Mobile __CAPGO_KEEP_0__ or the Salesforce Mobile Publisher.), I am developing a mobile application for Salesforce clients to easily deploy their own branded mobile application without having to go through the difficult loops of using the Salesforce Mobile SDK or the Salesforce Mobile Publisher.

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 fáciles de manejar para los clientes que no quieren gestionar especificidades del plataforma Salesforce como Lightning Web Components; y es más fácil y económico para mí reclutar desarrolladores y mantenimientos 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 fue diseñado, probado y documentado 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, mucho más 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 a é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 los despliegues
• desarrollo desde ramas de lanzamiento que pueden ser : production, ramas de lanzamiento prerelease (alpha, beta, nightly, etc.) y también ramas específicas para clientes o contextuales para entregas personalizadas
• los despliegues se disparan por una solicitud de extracción estando siendo fusionadas 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

Un apunte 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 lo definido 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 los vinculan a la etiqueta y la versión. Finalmente, en esta Github versión, adjuntará activos como código fuente code, binarios si es necesario, CHANGELOG.mdetc.

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

Entonces, lo que quiero que haga semantic release 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) además de 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 bundles de JavaScript siguen el 'estándar' semver 'Semantic Versioning' (https://semver.org) que semantic-release también sigue (obviamente !)

Entonces, eso es genial, y es un alivio para mí porque uso semantic-release extensivamente

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.1. Los compilados consecutivos en esta rama incrementarán el número de compilado 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 tu 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 CHANNEL es el Capgo canal al que deseamos desplegar (por ejemplo alpha)
• La versión VERSION se genera mediante 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 }}

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

Para cada mérge en una rama lista en branchessemantic release desencadenará un despliegue. Establecer CAPGO_APIKEY en los secretos de tu repositorio. Actualizar tu CAPGO_APPID acá.

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 semantic release, verifica que tiene el 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 semantic release - 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 semantic release (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 como un 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 manipulaciones 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 versión Github, etc. : todo está manejado por defecto por semantic release, con una configuración mínima.

Construyendo nuevos binarios con XCode Cloud

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

• Establecí 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, establecí 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 compilaciones en diferentes ramas para simular la implementación para diferentes canales. En cada configuración de compilació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.

Compilando 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 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 compilaciones 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 en mi configuración de liberación semántica. bundle upload Me gustaría agregar una mejor verificación de __CAPGO_KEEP_0__ antes de la compilación en mi configuración de liberación semántica.

Ahora tengo una configuración 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).

Sigue adelante desde cómo Rapido Cloud gestiona Semantic Release con Capgo CapacitorUpdater

Si estás utilizando Cómo Rapido Cloud gestiona Semantic Release con Capgo CapacitorUpdater para planificar la entrega de actualizaciones en vivo, conecta con Capgo Actualizaciones en vivo para el flujo de trabajo del producto en Capgo Actualizaciones en vivo, Resumen para los detalles de implementación en Resumen, Características para los detalles de implementación en Características, Actualizar Comportamiento para el detalle de implementación en Actualizar Comportamiento, y Tipos de Actualización para el detalle de implementación en Tipos de Actualización.