Desplegar un Live Update

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 de paquetes JS directamente a sus usuarios sin pasar por la tienda de aplicaciones para corregir bugs y enviar nuevas características de inmediato.

Consejo

Capgo sube el archivo de la construcción web generada. Los cambios de HTML, CSS, JavaScript, activos y paquetes de JavaScript puros pueden ir por OTA una vez que estén empaquetados allí. Los cambios en capacitor.config.ts, una configuración de plugin nativo, paquetes nativos o archivos de proyecto iOS/Android requieren una versión de aplicación nativa.

Esta guía supone que ha completado el Capgo Inicio rápido y ya has hecho:

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

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

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

Si no has realizado esos pasos aún, por favor vuelve atrás y completa el inicio rápido primero.

Add an app Agregar una aplicación a tu cuenta de Capgo, y instalar el plugin en tu aplicación

Subiendo un paquete

Con el Capgo SDK instalado y configurado, está listo para subir su primer live update paquete:

1. Construya sus activos web:

   npm run build

2. Suba el paquete a Capgo:

   Consola

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

   Github Acciones

   github/trabajos/workflows/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

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

Resolución de problemas de carga

Si tu carga falla, revisa:

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

Si sigues teniendo problemas, ve a la sección Troubleshooting sección.

Recibir una actualización en un dispositivo

Una vez que subas tu paquete, puedes probar el live update en un dispositivo:

1. Sincroniza tu aplicación con el dispositivo:

   npx cap sync ios

2. Abre otra terminal y ejecuta el siguiente comando para verificar el estado de la actualización:

   npx @capgo/cli@latest app debug

3. Ejecuta tu aplicación localmente:

   npx cap run ios

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

4. Mantén 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 la actualización.

6. Cierra y vuelve a abrir la aplicación. Deberías ver tu live update aplicado!

Vuelve a consultar el Capgo Guía Rápida for more details on testing live updates.

Pasos siguientes

Felicidades por desplegar tu primer live update con Capgo! 🎉

Para aprender más, revisa el resto de Capgo Documentación de actualizaciones en vivoAlgunos temas clave para revisar a continuación:

• Objetivos de actualización con canales
• Personalización del comportamiento de actualización
• Live Update Reversiones

Sigue adelante desde Desplegar un Live Update

Si estás utilizando Desplegar un Live Update 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 CI/CD para los detalles de implementación en la Integración CI/CD, y GitHub Actions Integration para los detalles de implementación en GitHub Integración de Acciones.