Saltar al contenido principal
Tutoriales

Actualice sus aplicaciones Capacitor de manera fluida utilizando el actualizador Capacitor

Hola comunidad de Capacitor Ionic, hoy les ayudaré a configurar el actualizador Capacitor en su aplicación. De esta manera podrán realizar lanzamientos sin problemas.

Martin Donadieu

Martin Donadieu

Gerente de Contenido

Actualice sus aplicaciones Capacitor de manera fluida utilizando el actualizador Capacitor

¿Qué es Capacitor-actualizador?

Capacitor-actualizador, una tecnología que ayuda en la entrega de actualizaciones y mejoras de la aplicación a los usuarios finales de manera instantánea.

Esto es especialmente genial si deseas realizar arreglos críticos de bugs y entregarlos de manera instantánea sin pasar por las revisiones de la Tienda de Aplicaciones.

Puedes pensar en ello como la agilidad “web-like” de la carga de actualizaciones de lado a lado tan pronto como estén disponibles.

Además, proporciona rollback si la actualización nueva hace que la aplicación se estrelle

¿Cómo funciona?

Capgo mantiene el paquete de JavaScript de la aplicación en sincronía con el servidor Capgo, y cada vez que el usuario abre la aplicación, verifica con el servidor Capgo si hay una nueva actualización disponible para el paquete. Y por supuesto, viene con toneladas de configuraciones geniales que pueden ayudarte a afinar la experiencia del usuario.

Utilizo Capgo en todos mis proyectos que construyo. Esto me permite poner menos tiempo en el proceso de revisión de la Tienda de Aplicaciones.

Puedes leer más sobre ello aquí.

Entendiendo la versión semántica con Capgo

Capgo utiliza la versión semántica (semver) para determinar cuándo y cómo deben aplicarse las actualizaciones a la aplicación. Esto garantiza que los usuarios solo reciban actualizaciones compatibles y evita que se desplieguen cambios rotos automáticamente.

La versión semántica sigue el formato MAJOR.MINOR.PATCH:

  • MAJOR: Cambios importantes que requieren una actualización de la tienda de aplicaciones nativas
  • MINOR: Nuevas características que son compatibles hacia atrás
  • PATCH: Correcciones de errores que son compatibles hacia atrás

Por ejemplo, si su aplicación está en la versión 1.0.0 y quiere actualizar a 1.0.1 (una parche), Capgo aplicará automáticamente esta actualización. Sin embargo, si quiere actualizar desde 1.0.0 a 2.0.0 (una versión mayor), esto requeriría una actualización de la tienda de aplicaciones nativas ya que indica cambios importantes.

Capgo’s ajustes de canal permiten configurar qué tipos de actualizaciones se aplican automáticamente:

  • Estrategia principal: Permite todas las actualizaciones (utilizar con precaución)
  • Estrategia menor: Permite actualizaciones menores y parches solo
  • Estrategia parche: Solo permite actualizaciones de parche
  • Estrategia de metadatos: Requiere que se cumplan los requisitos de versión mínima

Puedes probar cómo funcionan diferentes combinaciones de versiones con Capgo’s lógica de actualización utilizando nuestra Herramienta de pruebas Semver. Esta herramienta te ayuda a entender exactamente cuándo se aplicarán las actualizaciones según tu configuración de canal.

¿Hay alguna limitación?

Como puede parecer bien, hay algunas cosas que debemos tener en cuenta. La primera es que las actualizaciones OTA solamente funcionan con paquetes web. Puede pensar que esto no es realmente una gran limitación porque, en Capacitor JS, escribimos casi todos los code en JS CSS y HTML. Mientras que esto puede ser cierto, todavía hay módulos nativos que instalamos en nuestra aplicación. Si un módulo cambia tus directorios Android o iOS, no puedes usar OTA para actualizar tu aplicación. Eso es porque los contenidos de estos directorios se utilizan para compilar binarios nativos, que OTA no puede actualizar. Incluso la aplicación nativa no puede actualizar esta parte.

Pero puedes configurar tu CI/CD para manejar esta parte, hice un tutorial sobre cómo hacerlo aqui para IOS.

Configuración de Auto Capgo

Es hora de registrarse y obtener tu clave API para subir tu primera versión! Comienza por registrándote para una cuenta Capgo.

Una vez que estás conectado a Capgo, tendrás una página de onboarding

Página de Onboarding

Sigue los pasos en la página de onboarding para agregar tu primera aplicación.

Sigue las CLI directrices

Desde una línea de comandos, directamente en la raíz de tu Capacitor aplicación, ejecuta:

npx @capgo/cli@latest init Para instalar el Capgo en tu Capacitor aplicación, el CLI te guiará a través del proceso de configuración de tu aplicación con Capgo.

Si deseas hacerlo manualmente, puedes seguir los pasos a continuación.

Configuración manual de Capgo

Instalar el complemento

Deberías terminar con este code agregado a tu aplicación:

npm i @capgo/capacitor-updater && npx cap sync Para instalar el complemento en tu Capacitor aplicación.

Y luego agrega a tu aplicación este code para notificar al plugin nativo que el paquete de JS está en buen estado (si no lo haces, el plugin nativo volverá a la versión anterior):

import { CapacitorUpdater } from '@capgo/capacitor-updater'

CapacitorUpdater.notifyAppReady()

Esto le dirá al plugin nativo que la instalación ha tenido éxito.

Luego haz un npm run build && npx cap copy para actualizar tu aplicación.

Iniciar sesión en Capgo CLOUD

Primero, utilice el all apikey presente en su cuenta para iniciar sesión con el CLI:

npx @capgo/cli@latest login YOU_KEY

Agregar su primera aplicación

Comencemos creando una aplicación en Capgo Cloud con el CLI.

npx @capgo/cli@latest app add

Esta orden utilizará todas las variables definidas en el archivo de configuración de Capacitor para crear la aplicación.

Subir su primera versión

Ejecute la orden para compilar su code y enviarlo a Capgo con: npx @capgo/cli@latest bundle upload

Por defecto, el nombre de la versión será el de su package.json archivo.

Revisar en Capgo Si el build está presente.

Después de que hayas enviado tu aplicación a __CAPGO_KEEP_0__, necesitas hacer que tu canal Para que tus aplicaciones puedan recibir actualizaciones de __CAPGO_KEEP_0__..

Recibir una actualización en vivo en un dispositivo

After you have sent your app to Capgo, you need to make your channel default to let apps receive updates from Capgo.

npx @capgo/cli@latest channel set production -s default

Felicidades! 🎉 Has desplegado con éxito tu primera actualización en vivo. Esto es solo el comienzo de lo que puedes hacer con actualizaciones en vivo. Para aprender más, consulta los

documentos de actualizaciones en vivo completos

npx cap run [ios | android]

Abre la aplicación, ponla en segundo plano y abríla de nuevo, deberías ver en los registros que la aplicación realizó la actualización.

Congrats! 🎉 You have successfully deployed your first Live Update. This is just the start of what you can do with Live Updates. To learn more, view the complete Make channel default.

Si necesitas detener la recepción de actualizaciones locales, ejecuta este comando npx @capgo/cli@latest channel set

Sigue adelante con la actualización de tus aplicaciones Capacitor de manera fluida utilizando el Capacitor-actualizador

Si estás utilizando Sigue adelante con la actualización de tus aplicaciones Capacitor de manera fluida utilizando el Capacitor-actualizador Para planificar la migración y las operaciones empresariales, conecta con Capgo Empresas Para el flujo de trabajo del producto en Capgo Empresas, Alternativas de Plugin de Ionic Empresas Para el flujo de trabajo del producto en Alternativas de Plugin de Ionic Empresas, Alternativas de Capgo Para el flujo de trabajo del producto en Alternativas de Capgo, Consultoría de Capgo para el flujo de trabajo del producto en Capgo Consultoría, y Capgo Soporte Premium para el flujo de trabajo del producto en Capgo Soporte Premium.

Actualizaciones en vivo para aplicaciones de Capacitor

Cuando haya un error en la capa web, envíe la corrección a través de Capgo en lugar de esperar días para la aprobación de la tienda de aplicaciones. Los usuarios reciben la actualización en segundo plano mientras los cambios nativos siguen en el camino de revisión normal.

Comienza ahora

Últimas noticias de nuestro Blog

Capgo te da las mejores herramientas para crear una aplicación móvil profesional.