Actualice sus aplicaciones __CAPGO_KEEP_0__ de manera fluida utilizando el actualizador __CAPGO_KEEP_1__
Tutorial

Actualice sus aplicaciones Capacitor de manera fluida utilizando el Capacitor-actualizador

Saludos Capacitor comunidad de Ionic, hoy les ayudaré a configurar el Capacitor-actualizador 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 Capacitor-actualizador

¿Qué es el Capacitor-actualizador?

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

Esto es especialmente útil si desea realizar correcciones de errores críticos y entregarlas de inmediato sin pasar por las revisiones de la Tienda de Aplicaciones.

Puede pensar en ello como la agilidad 'web-like' de la carga de actualizaciones desde el lado, tan pronto como estén disponibles.

Además, proporciona rollbacks si la nueva actualización hace que la aplicación se caiga

¿Cómo funciona?

Capgo mantiene sincronizada la carpeta de JavaScript de tu aplicación 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 la carpeta. 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. Eso me permite dedicar menos tiempo al 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 actualizaciones a tu aplicación. Esto garantiza que tus usuarios solo reciban actualizaciones compatibles y evita que cambios rotos se desplieguen automáticamente.

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

  • MAJOR: Cambios rotos que requieren una liberación nativa de la tienda de aplicaciones
  • MINOR: Nuevas características compatibles hacia atrás
  • PATCH: Arreglos de errores compatibles hacia atrás

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

Capgo’s configuración de canal te permite configurar qué tipos de actualizaciones se aplican automáticamente:

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

Puede probar cómo funcionan diferentes combinaciones de versiones con la lógica de actualización de Capgo utilizando nuestra herramienta Herramienta de pruebas de Semver. Esta herramienta le ayuda a entender exactamente cuándo se aplicarán las actualizaciones en función de su configuración de canal.

¿Hay alguna limitación?

Como puede parecer, hay algunas cosas que debemos tener en cuenta. La primera es que las actualizaciones OTA. You may think that this isn’t really a big limitation because, in Capacitor JS, we write almost all code in JS CSS and HTML. While this may be true, there still are native modules that we install to our app. If a module changes your android or iOS directories, you can’t use OTA to update your app. That’s because these directories’ contents are used to compile Native binaries, which OTA can’t update. Even native app cannot update this part.

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

Configuración de Auto Capgo

Es hora de registrarse y obtener tu clave API para subir tu primera versión. Comienza con 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 la guía de CLI

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

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

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

Configuración del Manual Capgo

Instale el plugin

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

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

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.

Inicia 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

Añade tu primera aplicación

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

npx @capgo/cli@latest app add

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

Sube tu primera versión

Ejecuta el comando para construir tu code y envíalo a Capgo con: npx @capgo/cli@latest bundle upload

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

__CAPGO_KEEP_0__ Capgo Puedes incluso probarlo con mi aplicación de prueba de

sandbox móvil Puedes incluso probarlo con mi aplicación de prueba de móvil de.

Hacer canal predeterminado

Después de enviar tu aplicación a Capgo, necesitas hacer tu canal default para que las aplicaciones puedan recibir actualizaciones de Capgo.

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

Recibir una actualización en vivo en un dispositivo

Para que tu aplicación reciba una actualización en vivo desde Deploy, necesitarás ejecutar la aplicación en un dispositivo o un emulador. La forma más fácil de hacer esto es simplemente usar el siguiente comando para lanzar tu aplicación local en un emulador o un dispositivo conectado a tu computadora.

npx cap run [ios | android]

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

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

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

Sigue adelante desde Actualiza tus aplicaciones de Capacitor de manera fluida utilizando el actualizador Capacitor

Si estás utilizando Actualiza tus aplicaciones de Capacitor de manera fluida utilizando el actualizador Capacitor para planificar la migración y las operaciones empresariales, conecte con Capgo Empresas para el flujo de trabajo del producto en Capgo Empresas Alternativas de Plugins Empresariales de Ionic para el flujo de trabajo del producto en Alternativas de Plugins Empresariales de Ionic Capgo Alternativas para el flujo de trabajo del producto en Capgo Alternativas Capgo Consultoría 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 Capacitor

Cuando haya un error en la capa web, envía la corrección a través de Capgo en lugar de esperar días a 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 perspectivas que necesitas para crear una aplicación móvil verdaderamente profesional.