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 apps written in jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic or even your own custom solution can be migrated. Un aplicación Ionic existente no es requerida..
Colt ofrece servicios equivalentes para App Center Build (construye aplicaciones Android/iOS). Para servicios de prueba, diagnósticos y análisis.

Nota

Si su aplicación todavía utiliza Cordova, es necesario migrar a Capacitor primero 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 del usuario y rendimiento.

Por fortuna, el proceso de migración es fácil y la mayoría de los plugins de Cordova son compatibles con Capacitor. Iniciar la migración aquí.

¿Sobre Capgo

Capgo, handles updating apps over time. Development teams can focus completely on the unique features of their app and outsource the complicated app delivery process to Capgo.

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

Capgo Requisitos previos

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

Instale Capgo CLI

nota

Tenga Node y NPM instalados en su computadora, necesita antes de proceder. Siempre utilice la versión LTS actual. __CAPGO_KEEP_0__ no utilice versiones antiguas. Capgo do not older versions.

y __CAPGO_KEEP_0__ archivos de configuración `package.json` Capacitor fills in the gaps between web delivery and mobile.

note

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

Desde Capgo Se creó para automatizar las 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.

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 archivos en su lugar, puede dirigir nuestra atención a la aplicación real en sí. 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 directorios, cambie este valor en el archivo de configuración de Capacitor.

Aquí está cómo debería verse la estructura de directorios de la aplicación:

Estructura de la Aplicación

Configuración de Capgo

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

Inicie sesión en Capgo y navegue a la página de Cuenta, luego presione el botón API y luego presione el botón 'write' para copiarlo a la memoria de clipboard.

Instale el Capgo SDK

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

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

Y luego agregue a su 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.

Migración a App Center

La característica de Actualizaciones en vivo (Alternativa a CodePush) La característica de Actualizaciones en vivo funciona utilizando el Capgo SDK instalado en su aplicación nativa para escuchar un destino de canal específico. Cuando se asigna una construcción de Web a un destino de canal, esa actualización se desplegará en dispositivos de los usuarios que ejecutan binarios configurados para escuchar el destino de canal especificado. Inicie sesión en __CAPGO_KEEP_0__ CLOUD

__CAPGO_KEEP_0__ __CAPGO_KEEP_1__ all apikey disponible en su cuenta para iniciar sesión con el CLI:

npx @capgo/cli@latest login YOURKEY

Agregar su primera aplicación

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

Cargar su primer paquete

Ejecutar 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 del archivo. package.json Revisar en

__CAPGO_KEEP_0__ Capgo si el build está presente.

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

Hacer canal predeterminado

Después de enviar su aplicación a Capgo, necesita hacer que su canal default para que las aplicaciones puedan recibir actualizaciones de 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 haga un npm run build && npx cap copy para 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, necesitará 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! 🎉 Has desplegado con éxito tu primer Live Update. Esto es solo el comienzo de lo que puedes hacer con Live Updates. Para aprender más, consulta la documentación completa de Live Updates. Documentación de Live Updates.

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, 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

Siguiente, 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.

Eliminar 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 *" />

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

Pasos siguientes

Tienes migrado desde App Center a Capgo, utilizando las actualizaciones en vivo. Esto es solo el comienzo de lo que puedes hacer con Capgo. Explora el resto de las funcionalidades de la plataforma, incluyendo el canal (múltiples entornos) y la sobrescritura. Integración con Cloud CLI, utilice Capgo dentro de su plataforma de CI/CD de elección (como GitHub Action, GitLab, Jenkins, etc.).

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

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

No he escrito un segundo artículo para que puedas hacerlo.

Créditos

Agradezco mucho a Migración desde App Center a __CAPGO_KEEP_0__Si está utilizando Migración desde App Center a __CAPGO_KEEP_0__ para planificar la migración y las operaciones empresariales, conecte con

Capgo Enterprise

para el flujo de trabajo del producto en __CAPGO_KEEP_0__ Enterprise, Migrating from App Center to Capgo para el flujo de trabajo del producto en Ionic Enterprise Plugin Alternatives, Capgo Enterprise for the product workflow in Capgo Enterprise, reescrito con chat-gpt-3 y adaptado. Siga adelante desde Migrar desde App Center a __CAPGO_KEEP_0__ 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.

Migrating from App Center to Capgo