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 de JS 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 (construye aplicaciones Android/iOS). Para servicios de Prueba, Diagnósticos y Análisis.
Notas migrate to Capacitor migrar a Capgo
antes de migrar a Capacitor. Por lo tanto, Colt ofrece equivalentes de servicios para App Center Build (construye aplicaciones Android/iOS). Para servicios de Prueba, Diagnósticos y Análisis. Si su aplicación sigue utilizando Cordova, es necesario migrar a Capacitor antes de migrar a Capacitor. Por lo tanto, Colt ofrece equivalentes de servicios para App Center Build (construye aplicaciones Android/iOS). Para servicios de Prueba, Diagnósticos y Análisis. Si su aplicación sigue utilizando Cordova, es necesario migrar a Capacitor antes de migrar a Capacitor.
Por suerte, el proceso de migración es fácil y la mayoría de los plugins de Cordova son compatibles con Capacitor de forma retrocompatible. Comienza a migrar aquí.
Sobre Capgo
Capgo se encarga de actualizar las 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 la aplicación a Capgo.
Capgo completa las brechas entre la entrega web y móvil.
Requisitos previos de Capgo
Como App Center, Capgo GitHub admite aplicaciones alojadas en repositorios de Git en Azure DevOps, Bitbucket, GitHub, y GitLab.
Instala Capgo CLI
Nota
Tienes que tener instalado Node y NPM en tu computadora antes de proceder. Siempre utiliza la versión LTS actual Capgo no utilice versiones antiguas.
Crear package.json y Capacitor archivos de configuración
Nota
Antes de comenzar, le recomiendo hacer cambios en una rama Git fresca.
Desde Capgo fue creado para automatizar capacitor aplicaciones, requiere un archivo que su aplicación puede no tener. Primero, cree un capacitor.config.json archivo. La forma más fácil de crearlo es ejecutar en la raíz de su aplicación:
npm install @capacitor/coreLuego, inicialice Capacitor utilizando el cuestionario CLI:
npx cap initEl cuestionario CLI le hará algunas preguntas, comenzando con el nombre de su aplicación, y el ID de paquete que le gustaría utilizar para su aplicación.
Finalmente, comienza a seguir los cambios en tu proyecto:
git add .git commit -m "added package json and capacitor config" && git pushMigrar el Code
Ahora que tienes los nuevos archivos requeridos Capgo en su lugar, puedes dirigir tu atención a la aplicación real. 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 dist directorios, cambia este valor en el archivo de configuración Capacitor.
Aquí está cómo debería verse la estructura de directorios de la aplicación:
Capgo de configuración
With tu aplicación lista para la integración, es hora de registrarte y obtener tu clave de __CAPGO_KEEP_0__ para subir tu primera versión. Comienza registrándote para una cuenta de __CAPGO_KEEP_0__ Una vez que estás conectado a Capgo, navega a la página de Cuenta, luego 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 API __CAPGO_KEEP_1__ Desde una línea de comandos, directamente en la raíz de tu carpeta de aplicación Capgo, ejecuta el siguiente comando:.
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
From a command line, directly into the root of your Capacitor app folder, run the following command:
npm i @capgo/capacitor-updater && npx cap sync
To install the plugin into your Capacitor app.
And then add to your app this code as replacement of CodePush one:
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()La característica de Actualizaciones en Vivo funciona utilizando la clave instalada __CAPGO_KEEP_1__
La característica de Actualizaciones en Vivo funciona utilizando la clave instalada __CAPGO_KEEP_1__
La característica de Actualizaciones en Vivo funciona utilizando la clave instalada __CAPGO_KEEP_1__ 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 YOURKEYAgregar su primera aplicación
Vamos a empezar 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 de Capacitor para crear la aplicación.
Subir su primer paquete
Ejecute el comando para compilar su code y enviarlo a Capgo con:
npx @capgo/cli@latest bundle upload --channel productionPor defecto, el nombre de versión será el de su package.json archivo.
Verificar en Capgo si está presente la compilación.
Puedes incluso probarlo con mi aplicación de escritorio móvil Hacer canal predeterminado.
Una vez que hayas enviado tu aplicación a __CAPGO_KEEP_0__, debes hacer que tu canal
para que las aplicaciones puedan recibir actualizaciones de Capgo. default to let apps receive updates from Capgo.
npx @capgo/cli@latest channel set production -s defaultAgrega esta configuración a tu archivo JavaScript principal.
Luego haz un
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()__CAPGO_KEEP_0__ 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 abrela de nuevo, deberías ver en los registros que la aplicación realizó la actualización.
¡Felicidades! 🎉 Has desplegado con éxito tu primera Actualización en Vivo. Esto es solo el comienzo de lo que puedes hacer con Actualizaciones en Vivo. Para aprender más, consulta el documentación completa de Actualizaciones en Vivo.
Eliminar Dependencias de App Center
Ahora que hemos integrado los servicios de Capgo, deberías 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-pushA 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" />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 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();.
Siguientes Pasos
Has migrado de 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 los servicios que incluyen Canal (múltiples entornos) y sobrescritura. Integración de Cloud CLI , utiliza Capgo dentro de tu plataforma de CI/CD de elección (como GitHub Action, GitLab, Jenkins, y más).
Envío automático de actualización de la aplicación
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.
He escrito un segundo artículo para que puedas hacerlo.
Créditos
Muchas gracias a Ionic, 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, conectéalo con Capgo Empresa de Alto Rango para el flujo de trabajo del producto en Capgo Empresa de Alto Rango, Alternativas del Plugin de Alto Rango de Ionic para el flujo de trabajo del producto en Alternativas del Plugin de Alto Rango de Ionic, Capgo Alternativas para el flujo de trabajo del producto en Capgo Alternativas, Asesoramiento de Capgo para el flujo de trabajo del producto en Asesoramiento de Capgo, y Soporte de Alto Rango de Capgo para el flujo de trabajo del producto en Soporte de Alto Rango de Capgo.
