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

Antes de proceder, asegúrese de tener instalado Node y NPM en su computadora. versión LTS actual Capgo no utilice versiones antiguas.

Crear package.json y Capacitor archivos de configuración

nota

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

Desde Capgo was created to automate capacitor apps, it requires one file that your app may not have. First, create a capacitor.config.json se creó para automatizar __CAPGO_KEEP_0__ de aplicaciones, requiere un archivo que su aplicación puede no tener. Primero, cree un

npm install @capacitor/core

Then, initialize Capacitor using the CLI questionnaire:

npx cap init

Entonces, inicialice CLI utilizando el cuestionario __CAPGO_KEEP_1__:

Migrate finalice la actualización de los archivos a su proyecto:

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

Migrate migra el Code

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

Si su aplicación code construida 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 integration, it’s time to sign up, and get your API key to upload your first version! Begin by Capgo.

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.

Install the Capgo SDK

Regístrate y obtén tu clave de Capacitor para subir tu primera versión. Comienza registrándote para una cuenta de Capacitor

npm i @capgo/capacitor-updater && npx cap sync Una vez que estés conectado a Capacitor, 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 tu portapapeles.

Instala el code __CAPGO_KEEP_1__

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

CapacitorUpdater.notifyAppReady()

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

Para instalar el plugin en tu aplicación __CAPGO_KEEP_0__

Y luego agrega a tu aplicación este __CAPGO_KEEP_0__ en lugar de CodePush uno: __CAPGO_KEEP_0__ es el nombre del plugin de actualización en vivo de Capgo, que es una alternativa a CodePush. La actualización en vivo es una característica que permite actualizar la aplicación sin necesidad de subir una nueva versión a la tienda de aplicaciones. La actualización en vivo funciona mediante el plugin instalado en la aplicación, que se comunica con el servidor de Capgo para obtener las actualizaciones y aplicarlas a la aplicación. La actualización en vivo es una característica importante de Capgo que permite a los desarrolladores actualizar su aplicación sin necesidad de subir una nueva versión a la tienda de aplicaciones. 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.

Iniciar 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

Agregar 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.

Subir 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 de su package.json archivo.

Verificar en Capgo si el build está presente.

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

Establecer canal por defecto

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

Añade 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 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 sencilla 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! Usted 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 el documento completo sobre 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 verán similares 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();.

Pasos siguientes

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 your code is hosted on GitHub, you can set up automatic build and release in a few more steps, thanks to GitHub actions.

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

Créditos

Muchas gracias a Iónicoeste 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 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.