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 necesaria..
- Colt ofrece servicios equivalentes para App Center Build (compilar 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 nativas y capacidades 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
Install Capgo CLI
Instale __CAPGO_KEEP_0__ __CAPGO_KEEP_1__
Have Node and NPM installed on your computer, you need before proceeding. Always use the Tenga Node y __CAPGO_KEEP_0__ instalados en su computadora, necesita antes de proceder. Siempre utilice la versión LTS actual. Capgo no utilice versiones antiguas.
Crear package.json y Capacitor archivos de configuración
anotación
Antes de empezar, te recomiendo hacer cambios en una rama Git fresca.
Dado que 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/coreLuego, inicia Capacitor con el cuestionario CLI:
npx cap initEl CLI te hará algunas preguntas, empezando con el nombre de tu aplicación, y el ID de paquete que deseas usar 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 pushMigrar 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 Capacitor.
Aquí está cómo debería verse la estructura de directorios 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 API para subir su primera versión. Comience registrándose para una cuenta API registrándose para una cuenta Capgo.
Inicie sesión en Capgo y navegue a la página de Cuenta, luego haga clic en el API y luego haga clic en el botón 'escribir' para copiarlo a la bandeja de arrastre.
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 indicará al plugin nativo que la instalación ha tenido éxito.
Actualizaciones en vivo (Alternativa a CodePush)
La característica de Actualizaciones en vivo funciona utilizando el instalado Capgo SDK 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 usuario que ejecutan binarios configurados para escuchar el destino de canal especificado.
Inicie sesión en Capgo CLOUD
Primero, utilice el all apikey disponible en su cuenta para iniciar sesión con el CLI:
npx @capgo/cli@latest login YOURKEYAgregar 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 productionPor defecto, el nombre de la versión será el de su package.json archivo.
Revisar en Capgo contexto: texto fragmento HTML de una cadena de Capgo UI más larga (clave de página `submitting_a_pr_to_capgo`). Página/área: sitio web de marketing de Capgo. Rol: oración de sitio web. Visto en: página contribuyendo.astro. Preservar términos de producto/marca y términos de desarrollador exactamente. Clave de mensaje `submitting_a_pr_to_capgo` (Enviar Un Pr A Capgo).
Usted incluso puede probarlo con mi aplicación de prueba móvil.
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 defaultConfigurar 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 abrirla 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 los Live Updates. Para aprender más, consulta el documento completo 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-pushSiguiente, 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 archivo ( index.html Finalmente, dentro de su aplicación, elimine cualquier referencia a servicios de App Center, comohttps://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();.
Tienes migrado desde App Center a __CAPGO_KEEP_0__, utilizando las actualizaciones en vivo. Esto es solo el comienzo de lo que puedes hacer con __CAPGO_KEEP_1__. Explora el resto de las funcionalidades, incluyendo el canal (entornos múltiples) y la sobrescritura. Integración con Cloud __CAPGO_KEEP_2__, utilice __CAPGO_KEEP_3__ dentro de su plataforma de CI/CD de elección (como __CAPGO_KEEP_4__ Action, GitLab, Jenkins, etc.)
You’ve migrated from App Center to Capgo, utilizing the Live Updates. This is just the beginning of what you can use Capgo for. Explore the rest of the service includes Channel (multiple environments) and override. Cloud CLI integration, use Capgo inside your CI/CD platform of choice (such as GitHub Action, GitLab, Jenkins, and more).
Si su __CAPGO_KEEP_0__ está alojado en __CAPGO_KEEP_1__, puede configurar la compilación y liberación automáticas en unos pocos pasos, gracias a las acciones de __CAPGO_KEEP_2__
If your code is hosted on GitHub, you can set up automatic build and release in a few more steps, thanks to GitHub actions.
Agradecimientos
Agradezco mucho a
Thanks a lot to Migración desde App Center a __CAPGO_KEEP_0__Si estás utilizando Migración desde App Center a __CAPGO_KEEP_0__ para planificar la migración y las operaciones empresariales, conecta 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 Alternativas, Capgo Enterprise for the product workflow in Capgo Enterprise, Rewrito con chat-gpt-3 y adaptado. Sigue adelante desde Migrar desde App Center a __CAPGO_KEEP_0__ Alternativas de Capgo para el flujo de trabajo del producto en Alternativas de Capgo Consultoría de Capgo para el flujo de trabajo del producto en Consultoría de Capgo y Soporte Premium de Capgo para el flujo de trabajo del producto en Soporte Premium de Capgo.
