Résumé de la migration
- Capgo est un service qui aide les équipes de développement à envoyer des applications live vers des applications déployées.
- Capacitor JS apps written in jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic or even your own custom solution can be migrated. Un application Ionic existante n'est pas nécessaire..
- Colt propose des services équivalents pour App Center Build (construire des applications Android/iOS). Pour les services Test, Diagnostics et Analytics.
Remarque
Si votre application utilise encore Cordova, il est nécessaire de migrate to Capacitor Avant de migrer vers Capgo.
Construit par l'équipe Ionic en tant que successeur spirituel à Cordova, Capacitor permet le développement de se rapprocher des outils et capacités natives, avec l'objectif de fournir une expérience utilisateur et une performance encore meilleures.
Heureusement, le processus de migration est facile et la plupart des plugins Cordova sont compatibles à rebours avec Capacitor. Commencez à migrer ici.
About Capgo
Capgo, gère la mise à jour des applications au fil du temps. Les équipes de développement peuvent se concentrer entièrement sur les fonctionnalités uniques de leur application et externaliser le processus compliqué de livraison d'application à Capgo.
Capgo remplit les lacunes entre la livraison web et mobile.
Prérequis Capgo
Comme App Center, Capgo supporte les applications hébergées dans les dépôts Git sur Azure DevOps, Bitbucket, GitHub, et GitLab.
Installez Capgo CLI
note
Installez Node et NPM sur votre ordinateur avant de poursuivre. Utilisez toujours la version LTS actuelle de NPM et non des versions plus anciennes. version actuelle LTS Capgo ne doit pas être utilisé avec des versions plus anciennes.
Créer package.json Capacitor fichiers de configuration
note
Avant de commencer, je vous recommande de faire des changements sur une branche Git fraîche.
Puisque Capgo a été créé pour automatiser les applications capacitor, il nécessite un fichier que votre application peut ne pas avoir. Tout d'abord, créez un fichier. La manière la plus simple de le créer est de l'exécuter dans le répertoire racine de votre application : capacitor.config.json note
npm install @capacitor/coreEnsuite, initialisez Capacitor à l'aide du questionnaire CLI :
npx cap initLe CLI vous posera quelques questions, en commençant par le nom de votre application et l'ID de package que vous souhaitez utiliser pour votre application.
Finalement, commitez les nouveaux fichiers dans votre projet :
git add .git commit -m "added package json and capacitor config" && git pushMigrer le Code
Maintenant que vous avez les nouveaux fichiers requis en place, vous pouvez vous concentrer sur l'application elle-même. Le Capgo Le __CAPGO_KEEP_0__ Capgo Si votre __CAPGO_KEEP_0__ construit n'est pas dans un dist.
répertoire, modifiez cette valeur dans le fichier de configuration du code. dist directory, change this value in the Capacitor config file.
Here is what the app’s directory structure should look like:
Configuration de Capgo
Avec votre application prête pour Capgo Enfin, il est temps de vous inscrire et d'obtenir votre clé API pour télécharger votre première version ! Commencez par S'inscrire à un compte Capgo.
Une fois connecté à votre compte Capgo, naviguez vers la page Compte puis cliquez sur la clé API , puis cliquez sur la touche 'écrire' pour copier la clé dans votre presse-papier.
Installez le Capgo SDK
À partir d'une ligne de commande, directement dans le répertoire racine de votre application Capacitor , exécutez la commande suivante :
npm i @capgo/capacitor-updater && npx cap sync
Pour installer le plugin dans votre application Capacitor.
Et ajoutez ensuite à votre application ce code en remplacement de CodePush :
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()Cela indiquera au plugin natif que l'installation a réussi.
Mise en œuvre des mises à jour en direct (alternative à CodePush)
La fonctionnalité de mise à jour en direct fonctionne en utilisant l'installation Capgo SDK dans votre application native pour écouter une destination de canal spécifique. Lorsqu'une build Web est affectée à une destination de canal, cette mise à jour sera déployée sur les appareils utilisateurs exécutant des binaires configurés pour écouter la destination de canal spécifiée.
Se connecter à Capgo CLOUD
Tout d'abord, utilisez l' all apikey présente dans votre compte pour vous connecter avec le CLI :
npx @capgo/cli@latest login YOURKEYAjoutez votre première application
Commencez par créer l'application dans Capgo Cloud avec le CLI.
npx @capgo/cli@latest app add
Cette commande utilisera toutes les variables définies dans le fichier de configuration Capacitor pour créer l'application.
Chargement de votre premier bundle
Exécutez la commande pour construire votre code et envoyez-l’à Capgo avec :
npx @capgo/cli@latest bundle upload --channel productionPar défaut, le nom de version sera celui de votre package.json fichier.
Vérifiez dans Capgo context : fragment de texte HTML d'une chaîne de Capgo (clé parente `submitting_a_pr_to_capgo`). Page/zone : site Web de marketing Capgo. Rôle : phrase de site Web. Vu dans : page contributing.astro. Conservez exactement les termes de produit/marque et les termes de développeur de Capgo.
si la construction est présente. Vous pouvez même le tester avec mon.
application sandbox mobile
After you have sent your app to Capgo, you need to make your channel default Après avoir envoyé votre application à Capgo, vous devez faire en sorte que votre canal
npx @capgo/cli@latest channel set production -s defaultpermette aux applications de recevoir des mises à jour de __CAPGO_KEEP_0__.
Ajoutez cette configuration à votre fichier JavaScript principal.
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()Ensuite, effectuez un npm run build && npx cap copy pour mettre à jour votre application.
Recevez une mise à jour en direct sur un appareil
Pour que votre application reçoive une mise à jour en direct à partir de Deploy, vous devez exécuter l'application sur un appareil ou un émulateur. La manière la plus simple de procéder est de lancer votre application locale dans un émulateur ou un appareil connecté à votre ordinateur à l'aide de la commande suivante.
npx cap run [ios | android]Ouvrez l'application, mettez-l’en arrière-plan et ouvrez-l’à nouveau, vous devriez voir dans les journaux que l'application a effectué la mise à jour.
Félicitations ! Vous avez réussi à déployer votre première mise à jour en direct. C'est juste le début de ce que vous pouvez faire avec les mises à jour en direct. Pour en savoir plus, consultez la documentation complète sur les Live Updates.
Supprimez les dépendances d'App Center
Maintenant que nous avons intégré les services de Capgo, vous devriez supprimer toute référence à App Center. En plus d'être une bonne pratique de supprimer les services inutilisés code, supprimer les SDK devrait réduire la taille de vos applications.
Premièrement, ouvrez un terminal puis désinstallez les plugins App Center :
cordova plugin remove cordova-plugin-appcenter-analytics cordova-plugin-appcenter-crashes cordova-plugin-code-pushEnsuite, ouvrez le config.xml et supprimez les éléments suivants preference ces valeurs. Elles ressembleront à :
<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 vous utilisiez les services d'Analytics d'App Center dans votre application, supprimez les éléments suivants preferences éléments : APPCENTER_ANALYTICS_ENABLE_IN_JS et APPCENTER_CRASHES_ALWAYS_SEND.
Supprimez les éléments suivants <access /> éléments :
<access origin="https://codepush.appcenter.ms" /><access origin="https://codepush.blob.core.windows.net" /><access origin="https://codepushupdates.azureedge.net" />Supprimez la référence à CodePush dans la balise CSP meta tag dans le index.html fichier (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 *" />Enfin, dans votre application, supprimez toute référence à code aux services d'App Center, comme codePush.sync();.
Étapes suivantes
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).
Explorer les autres fonctionnalités de la plateforme, telles que le canal (environnements multiples) et la prise en charge.
If your code is hosted on GitHub, you can set up automatic build and release in a few more steps, thanks to GitHub actions.
Envoyer automatiquement une mise à jour d'application
Si votre __CAPGO_KEEP_0__ est hébergé sur __CAPGO_KEEP_1__, vous pouvez configurer la construction et la mise en production automatique en quelques étapes supplémentaires, grâce aux actions __CAPGO_KEEP_2__.
J'ai écrit un deuxième article pour vous permettre de le faire. CréditsJe tiens à remercier Ionic Cet article repose sur
Keep going from Migrating from App Center to Capgo
réécrit avec chat-gpt-3 et adapté. Continuez à partir de Migrer de App Center vers __CAPGO_KEEP_0__ Migrating from App Center to Capgo planifier la migration et les opérations d'entreprise, connectez-l’avec Capgo Entreprise pour le flux de travail du produit dans Capgo Enterprise, Alternatives aux plugins Ionic Enterprise pour le flux de travail du produit dans les alternatives du plugin Enterprise Ionic Capgo Alternatives pour le flux de travail du produit dans Capgo Alternatives, Consultation Capgo pour le flux de travail du produit dans Capgo Consulting, et Capgo Support Premium pour le flux de travail du produit dans Capgo Support Premium.
