Migrando desde App Center a Capgo

Migración Resumen

• Capgo es un servicio que ayuda a los equipos de desarrollo a enviar aplicaciones en vivo a aplicaciones desplegadas.
• Capacitor Las 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 (construir aplicaciones Android/iOS). Para servicios de Prueba, Diagnóstico y Análisis.

Nota

Si su aplicación todavía utiliza Cordova, es necesario migrar a Capacitor antes de migrar a Capgo.

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

Migración, por suerte, es fácil y la mayoría de los plugins de Cordova son compatibles con Capacitor. Migrar aquí.

Sobre Capgo

Capgo gestiona la actualización de aplicaciones con el tiempo. Los equipos de desarrollo pueden centrarse 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 la móvil.

Requisitos previos de Capgo

Al igual que App Center, Capgo GitHub admite aplicaciones alojadas en repositorios de Git en Azure DevOps, Bitbucket, GitHub, y GitLab.

Instale Capgo CLI

nota

Debes tener instalado Node y NPM en tu computadora antes de proceder. Siempre utiliza el versión LTS actual Capgo no versiones antiguas.

Crear package.json y Capacitor archivos de configuración

Nota

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

Dado que Capgo Se creó para automatizar capacitor de aplicaciones, 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 con el cuestionario CLI:

npx cap init

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

Migrate finalice el nuevo archivo a tu proyecto:

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

Migrate Migrar el Code

Ahora que tienes los nuevos archivos requeridos Capgo Ahora que tienes los nuevos archivos requeridos Capgo espera que toda la aplicación construida esté dentro de un directorio llamado dist.

Si tu aplicación construida code no está en un directorio, cambie este valor en el archivo de configuración code. dist directory, change this value in the Capacitor config file.

Estructura de la Aplicación

Configuración de Capgo

With tu aplicación lista para Capgo con tu aplicación lista para la integración, es hora de registrarte y obtener tu clave de API para subir tu primera versión. Comienza registrándote para una cuenta de API Una vez que estés conectado a Capgo, navega a la página de Cuenta y haz clic en la clave de __CAPGO_KEEP_1__ y luego haz clic en el botón 'escribir' para copiarla a la pestaña de recorte..

Instala el Capgo API

Install the Capgo SDK

Para instalar el plugin en tu aplicación Capacitor.

npm i @capgo/capacitor-updater && npx cap sync Y luego agrega a tu aplicación este Capacitor en lugar de CodePush:

And then add to your app this code as replacement of CodePush one:

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

CapacitorUpdater.notifyAppReady()

Desplegando Actualizaciones en Vivo (Alternativa a CodePush)

La característica de Actualizaciones en Vivo funciona utilizando el instalado

El __CAPGO_KEEP_0__ __CAPGO_KEEP_1__ se utiliza para __CAPGO_KEEP_2__ Capgo SDK en su aplicación nativa para escuchar un destino de canal de despliegue específico. Cuando se asigna una compilación web a un destino de canal de despliegue, esa actualización se desplegará en dispositivos de los usuarios que ejecutan binarios configurados para escuchar el destino de canal de despliegue especificado.

Inicie 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 YOURKEY

Agregue su primera aplicación

Comencemos creando la 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 Capacitor para crear la aplicación.

Suba su primer paquete

Ejecute la orden para compilar su code y enviarlo a Capgo con:

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

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

Verificar en Capgo si el build está presente.

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

Hacer el canal predeterminado

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

Configurar la aplicación para validar actualizaciones

Agregar esta configuración a su archivo JavaScript principal.

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

CapacitorUpdater.notifyAppReady()

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

Recibir una actualización en vivo en un dispositivo.

Para que su aplicación reciba una actualización en vivo desde Deploy, deberá 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 su aplicación local en un emulador o un dispositivo conectado a su computadora.

npx cap run [ios | android]

Abra la aplicación, póngala en segundo plano y abríla de nuevo, debería ver en los registros que la aplicación realizó la actualización.

Felicidades! 🎉 Ha desplegado con éxito su primera actualización en vivo. Esto es solo el comienzo de lo que puede hacer con las actualizaciones en vivo. Para aprender más, consulte la documentación completa de Documentación de Actualizaciones en Vivo.

Eliminar Dependencias de App Center

Now that we’ve integrated Capgo’s services, you should remove any references to App Center. Besides being a best practice to remove unused code/services, removing the SDK should reduce the size of your apps.

Primero, abra una terminal y desinstale los plugins de App Center:

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

Abra luego config.xml y elimine 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" />

If estabas utilizando Analytics de App Center 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" />

Elimina la referencia a CodePush en la etiqueta CSP meta 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 *" />

Finally, within your app, remove any code references to App Center services, such as codePush.sync();.

Siguiente paso

Tienes migrado desde App Center a Capgo, utilizando las actualizaciones en vivo. Esto es solo el comienzo de lo que puedes utilizar Capgo para. Explora el resto de las funcionalidades incluyendo Canal (múltiples entornos) y sobrescritura. Integración de Cloud CLI, utiliza Capgo dentro de tu plataforma CI/CD de elección (como GitHub Action, GitLab, Jenkins, y más).

Enviar actualización de la aplicación automáticamente

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

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

Créditos

Muchas gracias a Iónico, este artículo se basa en este artículo reescrito con chat-gpt-3 y adaptado.

Sigue adelante desde Migrar desde App Center a Capgo

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