Migrating from App Center to Capgo

Résumé de la mise à niveau

• Capgo est un service qui aide les équipes de développement à envoyer des applications live vers les 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 requise..
• Colt offre des services équivalents pour App Center Build (création d'applications Android/iOS). Pour les services Test, Diagnostics et Analytics.

Note

Si votre application utilise encore Cordova, il est nécessaire de migrer à Capacitor toujours avant de migrer à Capgo.

Conçu par l'équipe Ionic comme 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 encore meilleure et une performance accrue.

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

À propos de 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 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 des dépôts Git sur Azure DevOps, Bitbucket, GitHub, et GitLab.

Installez 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__ n'utilisez pas les versions plus anciennes. Capgo do not older versions.

et __CAPGO_KEEP_0__ des fichiers de configuration package.json Capacitor

note

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

Depuis Capgo Étant 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 un fichier. La manière la plus facile de le créer est de l'exécuter dans la racine de votre application:

npm install @capacitor/core

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

npx cap init

Le 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 à votre projet:

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

Migrer 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èrement construite soit à 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, 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 integration, it’s time to sign up, and get your API key to upload your first version! Begin by Capgo Configuration.

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

Le déploiement des Mises à jour en temps réel (Alternative à CodePush)

La fonctionnalité de Mise à jour en temps réel fonctionne en utilisant l'__CAPGO_KEEP_0__ __CAPGO_KEEP_1__ Capgo SDK Connectez-vous à __CAPGO_KEEP_0__ CLOUD

Login to Capgo CLOUD

Deploying Live Updates (Alternative à CodePush) 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 utilise 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'envoyer à Capgo avec :

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

Par 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.

Fixer 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 default

Configurer l'application pour valider les mises à jour

Ajoutez cette configuration à votre fichier JavaScript principal.

import { CapacitorUpdater } from '@capgo/capacitor-updater'

CapacitorUpdater.notifyAppReady()

Faites ensuite 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 l'exécuter sur un appareil ou un émulateur. La façon 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 déployé avec succès votre première mise à jour en direct. C'est juste le début de tout ce que vous pouvez faire avec les mises à jour en direct. Pour en savoir plus, consultez le document complet Documentation des mises à jour en direct .

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 plus d'être une bonne pratique de supprimer les services inutilisés code, supprimer SDK devrait réduire la taille de vos applications.

Premièrement, ouvrez un terminal puis désinstallez les plugins d'App Center :

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

Ensuite, ouvrez config.xml et supprimez les valeurs suivantes. Elles ressembleront à : preference Si vous utilisiez les Analytics d'App Center 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 Supprimer les éléments suivants APPCENTER_ANALYTICS_ENABLE_IN_JS context APPCENTER_CRASHES_ALWAYS_SEND.

Page/area: Site de marketing de Capgo. Rôle: Étiquette de navigation ou élément UI court. Vu dans: page trust.astro. Clé de message `and` (Et). <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 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 fonctionnalités incluses Canal (environnements multiples) et surcharge. Intégration Cloud CLI, utilisez Capgo dans votre plateforme CI/CD de choix (comme GitHub Action, GitLab, Jenkins, et plus encore).

Envoi automatique de mise à jour d'application

Si votre code est hébergé sur GitHub, vous pouvez configurer la mise à jour 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

Merci beaucoup à Migrer depuis App Center vers CapgoCet 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’à Capgo Enterprise for the product workflow in Capgo Enterprise, pour le flux de travail du produit dans __CAPGO_KEEP_0__ Enterprise, Migrer depuis Ionic vers des alternatives de plug-in d'entreprise Ionic, 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.