Migrating from App Center to Capgo

Resumen de la Migración

• Capgo 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. No se requiere una aplicación Ionic existente..
• Colt ofrece servicios equivalentes para App Center Build (construir aplicaciones Android/iOS). Para servicios de Pruebas, Diagnósticos y Análisis.

Nota

Si su aplicación sigue utilizando 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 experiencia de usuario y rendimiento aún mejores.

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, 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 móvil.

Requisitos previos de Capgo

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

Instale Capgo CLI

nota

Tener instalado Node y NPM en su computadora, es necesario antes de proceder. Siempre utilice el __CAPGO_KEEP_0__ no utilices versiones antiguas. Capgo no utilice versiones antiguas.

Create package.json and Capacitor config files

nota

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

Since 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

Entonces, inicia Capacitor utilizando el cuestionario de 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 el Code

Ahora que tienes el nuevo Capgo archivos en su lugar, puede dirigir su atención a la aplicación real en sí misma. Capgo directorios, cambia este valor en el archivo de configuración de __CAPGO_KEEP_0__. dist.

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

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

Capgo Configuración

Con tu aplicación lista para Capgo integración, es hora de registrarse y obtener su clave API para subir su primera versión. Comience por 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__.

Once you’re logged into Capgo, navigate to the Account page then click on API key, then click on the ‘write’ key to copy it to your clipboard.

Instale el Capgo SDK.

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

npm i @capgo/capacitor-updater && npx cap sync Instale el plugin en su 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.

Desplegando Actualizaciones en Vivo (Alternativa a CodePush)

La característica Live Update funciona utilizando el instalado Capgo SDK en su aplicación nativa para escuchar un destino de canal específico. Cuando se asigna una compilación 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.

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 YOURKEY

Agrega tu primera aplicación

Comencemos creando la aplicación en Capgo 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 su primer paquete

Ejecuta el comando para construir su code y envíelo 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.

si el build está presente. Puede incluso probarlo con mi.

aplicación de sandbox móvil

Después de haber enviado tu aplicación a Capgo, debes configurar tu canal default hacer que las apps reciban actualizaciones de Capgo.

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

Configure app to validate updates

Agrega esta configuración a tu archivo JavaScript principal.

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

CapacitorUpdater.notifyAppReady()

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

Recibe un Live Update en un dispositivo

Para que tu aplicación reciba un live update 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 primera Live Update. Esto es solo el comienzo de lo que puedes hacer con Actualizaciones en vivo. Para aprender más, consulta 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, 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

Abra luego config.xml y quite 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 Analytics de App Center en tu aplicación, quite los siguientes preferences elementos: APPCENTER_ANALYTICS_ENABLE_IN_JS y APPCENTER_CRASHES_ALWAYS_SEND.

quite los siguientes <access /> elementos:

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

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

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

Próximos Pasos

Has migrado desde App Center a Capgo, aprovechando las Actualizaciones en Vivo. Esto es solo el comienzo de lo que puedes hacer con Capgo. Explora el resto de las funcionalidades que incluyen Canal (entornos múltiples) y superposición. Integración de Cloud CLI, utiliza Capgo dentro de tu plataforma de CI/CD de elección (como GitHub Action, GitLab, Jenkins, etc.).

Enviar actualización de aplicación automáticamente

Si tu code está alojado en GitHub, puedes configurar la compilación y liberación automática en unos pasos más, gracias a las acciones de GitHub.

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

Créditos

Muchas gracias a IónicoEste 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ás utilizando Migrar desde App Center a Capgo planificar la migración y las operaciones empresariales, conectarla con Capgo Empresa 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 Ionic Enterprise 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.