Résumé de la migration
- Capgo est un service qui aide les équipes de développement à envoyer des applications live vers les applications déployées.
- Les applications JS de Capacitor écrites en jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic ou même votre propre solution personnalisée peuvent être migrées. Un application Ionic existante n'est pas nécessaire..
- Colt propose des services équivalents pour App Center Build (créer des applications Android/iOS). Pour les services Test, Diagnostics et Analytics. Remarque
Si votre application utilise toujours Cordova, il est nécessaire de la
migrer vers __CAPGO_KEEP_0__ toujours avant de la migrer vers Capacitor. Construit par l'équipe Ionic comme un successeur spirituel à Cordova, Capgo permet le développement de se rapprocher des outils et capacités natives avec l'objectif de fournir une meilleure expérience utilisateur et des performances.
En outre, le processus de migration est facile et la plupart des plugins Cordova sont compatibles avec Capacitor.
Fortunately, the migration process is easy and the majority of Cordova plugins are backward compatible with Capacitor. À propos de __CAPGO_KEEP_0__.
Capgo, gère l'actualisation des applications au fil du temps. Les équipes de développement peuvent se concentrer complètement sur les fonctionnalités uniques de leur application et externaliser le processus compliqué de livraison d'application à __CAPGO_KEEP_1__.
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 remplit les lacunes entre la livraison web et mobile.
Capgo Prérequis
Comme App Center, Capgo supporte les applications hébergées dans les dépôts Git sur Azure DevOps, Bitbucket, GitHub, et GitLab.
Installer Capgo CLI
note
Vous devez avoir Node et NPM installés sur votre ordinateur avant de poursuivre. Utilisez toujours la version LTS actuelle __CAPGO_KEEP_0__ et non les versions plus anciennes. Capgo do not older versions.
et configurer les fichiers __CAPGO_KEEP_0__ package.json and Capacitor config files
note
Avant de commencer, je vous recommande de faire des modifications sur une branche Git fraîche.
Depuis 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 capacitor.config.json Le moyen le plus facile de le créer est de l'exécuter dans le répertoire racine de votre application :
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.
Enfin, commitez les nouveaux fichiers à 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 __CAPGO_KEEP_0__ Maintenant que vous avez les nouveaux fichiers requis Capgo les fichiers en place, vous pouvez vous concentrer sur l'application elle-même. Capgo attend que l'application construite soit entièrement à l'intérieur d'un répertoire nommé dist.
Si votre application construite code n'est pas dans un dist répertoire, modifiez cette valeur dans le fichier de configuration Capacitor.
Voici ce que la structure de répertoire de l'application devrait ressembler à :
Configuration de Capgo
Avec votre application prête à l'intégration de __CAPGO_KEEP_0__, il est temps de vous inscrire et d'obtenir votre clé __CAPGO_KEEP_0__ pour télécharger votre première version ! Commencez par s'inscrire à un compte Capgo. inscrire un compte API signing up for a Capgo account.
Une fois que vous êtes connecté à Capgo, naviguez vers la page Compte puis cliquez sur la touche API , puis cliquez sur la touche ‘écrire’ pour copier le code dans votre presse-papier.
Installez le Capgo SDK
À partir d'une ligne de commande, directement dans le dossier 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 à jour en direct (alternative à CodePush)
La fonctionnalité de mise à jour en direct fonctionne en utilisant l'__CAPGO_KEEP_0__ __CAPGO_KEEP_1__ Capgo SDK Se connecter à __CAPGO_KEEP_0__ CLOUD
Login to Capgo CLOUD
__CAPGO_KEEP_0__ all apikey présent 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.
Envoyez votre première archive
Exécutez la commande pour construire votre code et l'envoyez à 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 si la construction est présente.
Vous pouvez même le tester avec mon application mobile de sandbox.
Définir le canal par défaut
Après avoir envoyé votre application à Capgo, vous devez configurer votre canal default pour permettre aux applications de recevoir des mises à jour à partir de Capgo.
npx @capgo/cli@latest channel set production -s defaultConfigurer l'application pour valider les mises à jour
Ajoutez cette configuration à votre fichier JavaScript principal.
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()Ensuite, faites 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 devrez lancer l'application sur un appareil ou un émulateur. La façon la plus simple de faire cela est simplement d'utiliser la commande suivante pour lancer votre application locale dans un émulateur ou un appareil connecté à votre ordinateur.
npx cap run [ios | android]Ouvrez l'application, mettez-la en arrière-plan et ouvrez-la à 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 temps réel. C'est juste le début de tout ce que vous pouvez faire avec les mises à jour en temps réel. Pour en savoir plus, consultez la documentation complète sur les mises à jour en temps réel. Documentation sur les mises à jour en temps réel.
Supprimer 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 effet, il s'agit d'une bonne pratique de supprimer les services inutilisés code et de supprimer SDK pour réduire la taille de vos applications.
Premièrement, ouvrez une invite de commande puis désinstallez les plugins d'App Center :
cordova plugin remove cordova-plugin-appcenter-analytics cordova-plugin-appcenter-crashes cordova-plugin-code-pushEnsuite, ouvrez config.xml et supprimez les valeurs suivantes. Elles ressembleront à : preference Si vous utilisiez les services d'App Center Analytics dans votre application, supprimez les éléments suivants :
<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" />et preferences Supprimez les éléments suivants APPCENTER_ANALYTICS_ENABLE_IN_JS Supprimez les éléments suivants 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" />Supprimer la référence à CodePush dans le 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 de App Center, comme codePush.sync();.
Étapes suivantes
Vous avez migré de App Center vers Capgo, en utilisant les mises à jour en direct. C'est juste le début de ce que vous pouvez utiliser Capgo pour. Explorez le reste des services, qui incluent le canal (environnements multiples) et la prise en charge. Intégration Cloud CLI , utilisez Capgo dans votre plateforme CI/CD de choix (comme GitHub Action, GitLab, Jenkins, et plus encore).
Envoyer automatiquement une mise à jour d'application
Si votre code est hébergé sur GitHub, vous pouvez configurer la mise en œuvre automatique et la livraison en quelques étapes de plus, grâce aux actions de GitHub.
J'ai écrit un deuxième article pour vous permettre de le faire.
Crédits
Je vous remercie beaucoup IonicCette article est basé sur Cet article a été réécrit avec chat-gpt-3 et adapté.
Continuez à partir de Migrer depuis App Center vers Capgo
Si vous utilisez Migrer depuis App Center vers Capgo pour planifier la migration et les opérations d'entreprise, connectez-le avec Capgo Enterprise pour le flux de travail du produit dans Capgo Enterprise, Alternatives de plugins d'entreprise Ionic pour le flux de travail du produit dans Alternatives de plugins d'entreprise Ionic, Alternatives pour le flux de travail du produit dans Capgo Alternatives, pour Capgo Alternatives, Consulting pour le flux de travail du produit dans Capgo Consulting, et pour le flux de travail du produit dans Capgo Consulting, Support Premium pour le flux de travail du produit dans Capgo Premium Support. for the product workflow in Capgo Premium Support.
