Migrer de App Center vers Capgo

Mise en résumé

Capgo est un service qui aide les équipes de développement à envoyer des applications live vers des applications déployées.
Capacitor Les applications JS écrites en jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic ou même votre propre solution personnalisée peuvent être migrées..
Une application Ionic existante n'est pas requise. Colt

offre des services équivalents pour App Center Build (construire des applications Android/iOS). Pour les services Test, Diagnostics et Analytics.

Remarque migrate to Capacitor migrer vers Capgo

avant de migrer vers Capacitor.

heureusement, le processus de migration est facile et la plupart des plugins Cordova sont compatibles à rebondir avec Capacitor. Commencez à migrer ici.

À propos de Capgo

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.

Capgo remplit les lacunes entre la livraison web et mobile.

Capgo Prérequis

Comme App Center Capgo GitHub prend en charge les applications hébergées dans les dépôts Git sur Azure DevOps, Bitbucket, GitHub, et GitLab.

Installez Capgo CLI

note

Vous avez besoin de Node et NPM installés sur votre ordinateur avant de poursuivre. Utilisez toujours le version actuelle LTS Capgo ne pas utiliser des versions plus anciennes.

Créer `package.json` et Capacitor des fichiers de configuration

Remarque

Avant de commencer, je vous recommande de faire les modifications sur une branche Git fraîche.

Depuis Capgo was created to automate capacitor apps, it requires one file that your app may not have. First, create a capacitor.config.json créé pour automatiser les __CAPGO_KEEP_0__ d'applications, il nécessite un fichier que votre application peut ne pas avoir. Tout d'abord, créez un

npm install @capacitor/core

Then, initialize Capacitor using the CLI questionnaire:

npx cap init

Ensuite, initialisez CLI à l'aide du questionnaire __CAPGO_KEEP_1__ :

Enfin, commitez les nouveaux fichiers dans votre projet :

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

Migratez le Code

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 entière soit dans 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 devrait ressembler la structure de répertoire de l'application :

Structure de l'application

Configuration de Capgo

Votre application est prête pour Capgo Enregistrez-vous et obtenez votre clé API pour télécharger votre première version ! Commencez par s'inscrire à un compte Capgo.

Une fois que vous êtes connecté à Capgo, naviguez vers la page Compte puis cliquez sur la clé API , puis cliquez sur le ‘write’ 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.

La mise à jour en direct (alternative à CodePush)

La fonctionnalité de mise à jour en direct fonctionne en utilisant l'installation Capgo SDK écoutez un canal de déploiement spécifique dans votre application native. Lorsqu'une mise à jour Web est affectée à un canal de destination, cette mise à jour sera déployée sur les appareils utilisateurs exécutant des binaires configurés pour écouter le canal de destination spécifié.

Premièrement, utilisez le all apikey présent dans votre compte pour vous connecter avec le CLI :

npx @capgo/cli@latest login YOURKEY

Ajoutez 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 premier bundle

Exécutez la commande pour construire votre code et l'envoyer à Capgo avec :

npx @capgo/cli@latest bundle upload --channel production

Par défaut, le nom de version sera celui dans votre package.json fichier.

Vérifiez. En soumettant un PR à Capgo, si la build est présente.

Vous pouvez même le tester avec mon application sandbox mobile.

Fixer le canal par défaut

Après avoir envoyé votre application à Capgo, vous devez faire de votre canal default pour permettre aux applications de recevoir des mises à jour de Capgo.

npx @capgo/cli@latest channel set production -s default

Configurer 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 depuis Deploy, vous devrez exécuter 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-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 mises à jour en direct. Supprimer les dépendances d'App Center..

Maintenant que nous avons intégré les services de __CAPGO_KEEP_0, vous devriez supprimer toute référence à App Center. En plus d'être une bonne pratique de supprimer les services inutilisés CAPGO_KEEP_1, supprimer les CAPGO_KEEP_2__ devrait réduire la taille de vos applications.

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.

Ensuite, ouvrez

    cordova plugin remove cordova-plugin-appcenter-analytics cordova-plugin-appcenter-crashes cordova-plugin-code-push

et supprimez les valeurs suivantes. Elles ressembleront à : config.xml Supprimez les valeurs suivantes. Elles ressembleront à : preference Supprimez les valeurs suivantes. 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" />

If vous utilisiez les 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

Vous avez migré d'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 fonctionnalités incluses Canal (environnements multiples) et surcouche. Cloud CLI intégration, utilisez Capgo dans votre plateforme CI/CD de choix (comme GitHub Action, GitLab, Jenkins, et plus encore).

Mise à jour automatique de l'application

Si votre code est hébergé sur GitHub, vous pouvez configurer la construction automatique et la mise en production en quelques étapes de plus, grâce aux actions GitHub.

J'ai écrit un deuxième article pour vous permettre de le faire.

Crédits

Je tiens à remercier Ionicceci, car cet article repose sur cet article réécrit avec chat-gpt-3 et adapté.

Continuez 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-l’avec Capgo Entreprise pour le flux de travail du produit dans Capgo Entreprise Alternatives Ionic Entreprise Plugin pour le flux de travail du produit dans Alternatives Ionic Entreprise Plugin Capgo Alternatives pour le flux de travail du produit dans Capgo Alternatives Capgo Conseil pour le flux de travail du produit dans Capgo Conseil, et Capgo Support Premium pour le flux de travail du produit dans Capgo Support Premium.