Migrar desde App Center a Capgo

Resumen de la Migración

• Capgo es un servicio que ayuda a los equipos de desarrollo a enviar aplicaciones en vivo a aplicaciones desplegadas.
• Capacitor JS aplicaciones escritas en jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic o incluso su propia solución personalizada pueden ser migradas. No se requiere una aplicación Ionic existente..
• Colt ofrece servicios equivalentes para App Center Build (compilar aplicaciones Android/iOS). Para servicios de Prueba, Diagnóstico y Análisis.

Nota

Si su aplicación sigue utilizando Cordova, es necesario migrar a Capacitor antes de migrar a Capgo.

Desarrollado por el equipo de Ionic como sucesor espiritual a Cordova, Capacitor permite que el desarrollo se acerque a las herramientas y capacidades nativas con el objetivo de proporcionar una experiencia de usuario aún mejor y rendimiento.

Afortunadamente, el proceso de migración es fácil y la mayoría de los plugins de Cordova son compatibles con Capacitor en sentido inverso. Comience a migrar aquí.

Sobre Capgo

Capgo, maneja la actualización de aplicaciones con el tiempo. Los equipos de desarrollo pueden enfocarse completamente en las características únicas de su aplicación y externalizar el complicado proceso de entrega de aplicaciones a Capgo.

Capgo completa las lagunas entre la entrega web y móvil.

Capgo Requisitos previos

Como App Center, Capgo soporta aplicaciones alojadas en repositorios Git en Azure DevOps, Bitbucket, GitHub, y GitLab.

Instale Capgo CLI

nota

Tener Node y NPM instalados en su computadora es necesario antes de proceder. Siempre utilice la versión LTS actual. __CAPGO_KEEP_0__ no utilice versiones más antiguas. Capgo do not older versions.

y __CAPGO_KEEP_0__ archivos de configuración package.json Capacitor

nota

Antes de empezar, te recomiendo hacer cambios en una rama Git fresca.

Dado que Capgo se creó para automatizar aplicaciones capacitor, requiere un archivo que tu aplicación puede no tener. Primero, crea un capacitor.config.json archivo. La forma más fácil de crearlo es ejecutar en la raíz de tu aplicación:

npm install @capacitor/core

Luego, inicia Capacitor utilizando el cuestionario CLI:

npx cap init

El cuestionario CLI te hará algunas preguntas, empezando con el nombre de tu aplicación, y el ID de paquete que deseas utilizar para tu aplicación.

Finalmente, haz un commit de los nuevos archivos en tu proyecto:

git add .git commit -m "added package json and capacitor config" && git push

Migrar la Code

Ahora que tienes los nuevos archivos requeridos __CAPGO_KEEP_0__ Migrar la Capgo archivos en su lugar, puede dirigir su atención a la aplicación real. Capgo espera que toda la aplicación construida esté dentro de un directorio llamado dist.

Si su aplicación construida code no está en un dist directorio, cambie este valor en el archivo de configuración de Capacitor.

Aquí está lo que la estructura de directorios de la aplicación debería ser:

Configuración de Capgo

Con su aplicación lista para Capgo la integración, es hora de registrarse y obtener su clave API para subir su primera versión. Comience registrándose para una cuenta API. Sign up for a Capgo account.

Una vez que estás conectado a Capgo, navega a la página de Cuenta, luego haz clic en el botón API y luego haz clic en el botón ‘escribir’ para copiarlo a la memoria de la computadora.

Instala el Capgo SDK

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

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 en lugar de CodePush:

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

CapacitorUpdater.notifyAppReady()

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

Actualizaciones en vivo (Alternativa a CodePush)

La característica de Actualizaciones en vivo funciona utilizando el __CAPGO_KEEP_0__ __CAPGO_KEEP_1__ Capgo SDK Inicia sesión en __CAPGO_KEEP_0__ CLOUD

Primero, utiliza el Capgo __CAPGO_KEEP_1__

]} all apikey presente en tu cuenta para iniciar sesión con el CLI:

npx @capgo/cli@latest login YOURKEY

Agregar tu primera aplicación

Empecemos creando la 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.

Subir tu primer paquete

Ejecuta el comando para compilar tu code y enviarlo a Capgo con:

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

Por defecto, el nombre de la versión será el que se encuentra en tu package.json archivo.

Revisa en Capgo si la compilación está presente.

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

Hacer canal predeterminado

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

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

Configurar aplicación para validar actualizaciones

Agrega esta configuración a tu archivo JavaScript principal.

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

CapacitorUpdater.notifyAppReady()

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

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 abríla de nuevo, deberías ver en los registros que la aplicación realizó la actualización.

¡Felicidades! 🎉 Has desplegado con éxito tu primer Live Update. Esto es solo el comienzo de lo que puedes hacer con los Live Updates. Para aprender más, consulta la documentación completa de los Live Updates.

Eliminar Dependencias de App Center

Ahora que hemos integrado los servicios de Capgo, debes eliminar cualquier referencia a App Center. Además de ser una buena práctica eliminar servicios no utilizados code/, eliminar el SDK debería reducir el tamaño de tus aplicaciones.

Primero, abre una terminal y desinstala los plugins de App Center:

    cordova plugin remove cordova-plugin-appcenter-analytics cordova-plugin-appcenter-crashes cordova-plugin-code-push

A continuación, abre config.xml y elimina los siguientes preference valores. Se parecerán a:

    <preference name="APP_SECRET" value="0000-0000-0000-0000-000000000000" /><preference name="CodePushDeploymentKey" value="YOUR-ANDROID-DEPLOYMENT-KEY" /><preference name="CodePushPublicKey" value="YOUR-PUBLIC-KEY" />

Si estabas utilizando App Center Analytics en tu aplicación, elimina los siguientes preferences elementos: APPCENTER_ANALYTICS_ENABLE_IN_JS y APPCENTER_CRASHES_ALWAYS_SEND.

Elimina los siguientes <access /> elementos:

    <access origin="https://codepush.appcenter.ms" /><access origin="https://codepush.blob.core.windows.net" /><access origin="https://codepushupdates.azureedge.net" />

Elimine la referencia a CodePush en el CSP meta etiqueta en el index.html archivo (https://codepush.appcenter.ms):

    <meta http-equiv="Content-Security-Policy" content="default-src https://codepush.appcenter.ms 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *" />

Finalmente, dentro de su aplicación, elimine cualquier referencia a code a servicios de App Center, como codePush.sync();.

Pasos siguientes

Ha migrado desde App Center a Capgo, utilizando las actualizaciones en vivo. Esto es solo el comienzo de lo que puede utilizar Capgo para. Explora el resto del servicio, que incluye Canal (múltiples entornos) y sobrescritura. Integración de Cloud CLI, utilice Capgo dentro de su plataforma de CI/CD de elección (como GitHub Action, GitLab, Jenkins, etc.).

Enviar actualización de la aplicación de manera automática

Si su code está alojado en GitHub, puede configurar la compilación y liberación automática en unos pocos pasos, gracias a las acciones de GitHub.

He escrito un segundo artículo para que puedas hacerlo.

Agradecimientos

Muchas gracias a Ionic, esta artículo se basa en esta artículo reescrito con chat-gpt-3 y adaptado.

Sigue adelante desde Migrar desde App Center a Capgo

Si estás utilizando Migrar desde App Center a Capgo para planificar la migración y operaciones empresariales, conecta con Capgo Enterprise para el flujo de trabajo del producto en Capgo Enterprise, Alternativas de plugins de Ionic Enterprise para el flujo de trabajo del producto en Alternativas de plugins de Ionic Enterprise, 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.