Desplegar una Actualización en Vivo

Utilice la característica de actualizaciones en vivo de Capgo para actualizar la interfaz de usuario y la lógica de negocio de su aplicación de manera remota y en tiempo real. Envíe actualizaciones del paquete JS directamente a sus usuarios sin pasar por la tienda de aplicaciones para corregir errores y enviar nuevas características de inmediato.

Esta guía supone que ha completado el Capgo Quickstart y ya ha hecho:

1. Instalado el @capgo/capacitor-updater SDK en su aplicación Capacitor

2. Configurado su ID de aplicación y canal de actualización en capacitor.config.ts

3. Agregado en su code el CapacitorUpdater.notifyAppReady() método

Si aún no ha realizado esos pasos, por favor regrese y complete el quickstart primero.

Agregar una aplicación Agregar una aplicación a su cuenta de Capgo y instalar el complemento en su aplicación

Subir un paquete

Con el Capgo SDK instalado y configurado, está listo para subir su primer paquete de actualización en vivo:

1. Construya sus activos web:

   npm run build

2. Subir el paquete a Capgo:

   Consola

   npx @capgo/cli@latest bundle upload --channel=production

   Github Acciones

   .github/flujos de trabajo/build_and_deploy.yml

   name: Build source code and send to Capgo
   
   concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
   
   on:
   push:
     branches:
       - main
   
   jobs:
   deploy_to_capgo:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v6
       - uses: actions/setup-node@v6
         with:
           node-version: '24'
       - name: Install dependencies
         run: npm install
       - name: Build
         run: npm run build
       - name: Deploy to Capgo
         run: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} --channel ${{ env.CHANNEL }}
         env:
           CAPGO_TOKEN: ${{ secrets.CAPGO_TOKEN }}

   Gitlab

   .gitlab-ci.yml

   stages:
     - build
   
   build:
     stage: build
     image: node:18
     cache:
       - key:
           files:
             - package-lock.json
         paths:
           - .node_modules/
     script:
       - npm install
       - npm run build
       - npx @capgo/cli@latest bundle upload -a $CAPGO_TOKEN --channel $CAPGO_CHANNEL
     artifacts:
       paths:
         - node_modules/
         - dist/
     only:
       - master

   Esto subirá una nueva versión de paquete al canal especificado en la orden.

Subida de archivos: solución de problemas

Si tu carga falla, revisa de nuevo:

• Tu ID de aplicación en capacitor.config.ts coincide con tu aplicación en el panel de control de Capgo
• Estás ejecutando el comando de carga desde la raíz de tu proyecto de Capacitor
• Tus activos web están construidos y actualizados

Si aún tienes problemas, ve a la Sección de solución de problemas. Recepción de una Actualización en un Dispositivo

Sección titulada “Recepción de una Actualización en un Dispositivo”

Sincroniza tu aplicación con el dispositivo:

1. Sincroniza tu aplicación con el dispositivo:

   npx cap sync ios

2. Abra otra ventana de terminal y ejecute el siguiente comando para verificar el estado de actualización:

   npx @capgo/cli@latest app debug

3. Ejecute su aplicación localmente:

   npx cap run ios

   O abra el proyecto iOS/Android en Xcode/Android Studio y realice una ejecución nativa.

4. Mantenga la aplicación abierta durante unos 30 segundos para permitir que la actualización se descargue en segundo plano.

5. Los registros tardarán unos segundos en actualizarse y mostrar el estado de actualización.

6. Cierre y vuelva a abrir la aplicación. Debería ver su actualización en vivo aplicada!

Vuelva a consultar el Capgo Quickstart para obtener más detalles sobre la prueba de actualizaciones en vivo.

Pasos siguientes

Felicidades por desplegar su primera actualización en vivo con Capgo! 🎉

Para obtener más información, revise el resto de la Capgo documentación de actualizaciones en vivo. Algunos temas clave a revisar a continuación:

• Actualización de destino con canales
• Personalización del comportamiento de la actualización
• Actualizaciones en vivo de devolución

Sigue adelante desde Actualización en vivo

Si estás utilizando Actualización en vivo para planificar la automatización de CI/CD, conecta 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 de CI/CD para los detalles de implementación en la Integración CI/CD, y GitHub Integración de Acciones para los detalles de implementación en GitHub Integración de Acciones.