Desplegar un Live Update

Use Capgo’s Live Updates feature to update the UI and business logic of your app remotely, in real-time. Push JS bundle updates directly to your users without going through the app store to instantly fix bugs and ship new features.

Consejo

Capgo sube el carpeta de compilación web generada. Los cambios en HTML, CSS, JavaScript, activos y paquetes de JavaScript puro pueden ir 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 has completado el Capgo Guía de inicio rápido y ya tienes:

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 aún no has realizado esos pasos, por favor vuelve atrás y completa el quickstart primero.

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

Subiendo un paquete

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

1. Construye tus activos web:

   npm run build

2. Subir el paquete a Capgo:

   Console

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

   Github Acciones

   github/flujos de trabajo/construir_y_desplegar.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 del 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 se ajusta a tu aplicación en la consola de Capgo
• Estás ejecutando el comando de carga desde la raíz de tu proyecto Capacitor
• Tu contenido web está construido y actualizado

Si sigues teniendo problemas, ve a la sección de Solución de problemas 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. Abra otra terminal y ejecute el siguiente comando para verificar el estado de actualización:

   npx @capgo/cli@latest app debug

3. Ejecuta tu app localmente:

   npx cap run ios

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

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

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

6. Cierre y vuelva a abrir la aplicación. Deberías ver tu live update aplicado.

Regrese a la Capgo Guía de inicio rápido para obtener más detalles sobre la actualización en vivo.

Pasos siguientes

Congrats on deploying your first live update with Capgo! 🎉

Para obtener más información, revise el resto de la Capgo Live Updates documentationAlgunos temas clave a revisar a continuación:

• . Algunos temas clave a revisar a continuación:
• Actualización de objetivos con canales
• Live Update Reversiones

Sigue adelante desde Desplegar un Live Update

Si estás utilizando Despliegue un Live Update para planificar la automatización de CI/CD, conecte 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 el detalle de implementación en Integración de CI/CD, y GitHub Acciones de Integración para los detalles de implementación en GitHub Acciones de Integración.