Aller directement au contenu principal
Article de tutoriel

Mettez à jour vos applications Capacitor de manière fluide en utilisant le Capacitor-moteur de mise à jour

Bonjour à la communauté Capacitor Ionic, aujourd'hui, je vais vous aider à configurer le Capacitor-moteur de mise à jour dans votre application. Ainsi, vous pourrez effectuer des mises à jour sans heurts.

Crédits de l'article

Martin Donadieu

Écrivain

Valeria

Relecteur

Jordan

Éditeur

Mettez à jour vos applications Capacitor de manière fluide en utilisant le Capacitor-moteur de mise à jour

Qu'est-ce que l'Capacitor-moteur de mise à jour ?

L'Capacitor-moteur de mise à jour, une technologie qui aide à la livraison de mises à jour et d'améliorations de l'application aux utilisateurs finaux instantanément.

C'est particulièrement utile si vous souhaitez effectuer des corrections de bogues critiques et les livrer instantanément sans passer par les revues de l'App Store.

Vous pouvez y voir comme une « agilité web » de la mise à jour côté par côté dès qu'elles sont disponibles.

De plus, il fournit des retours en arrière si la mise à jour nouvelle fait tomber l'application.

Comment ça marche ?

L'Capgo garde votre bundle JavaScript de l'application en synchronisation avec le serveur Capgo, et chaque fois que l'utilisateur ouvre l'application, il vérifie avec le serveur Capgo si une nouvelle mise à jour est disponible pour le bundle. Et bien sûr, il est accompagné de tonnes de configurations incroyables qui peuvent vous aider à affiner l'expérience de l'utilisateur.

Je utilise l'Capgo dans tous mes projets que je construis. Cela me permet de consacrer moins de temps au processus de revue de l'App Store.

Vous pouvez en savoir plus ici. L'__CAPGO_KEEP_0__ utilise la versionnement sémantique (semver) pour déterminer quand et comment les mises à jour doivent être appliquées à votre application. Cela garantit que vos utilisateurs ne reçoivent que des mises à jour compatibles et empêche les modifications de rupture d'être déployées automatiquement..

Lisez plus sur la mise à jour de votre application avec l'Capgo-moteur de mise à jour.

Capgo-moteur de mise à jour

La versionnement semantique suit le format MAJOR.MINOR.PATCH:

  • MAJOR: Les modifications importantes qui nécessitent une mise à jour de l'App Store native
  • MINOR: Les nouvelles fonctionnalités qui sont compatibles en arrière-plan
  • PATCH: Les corrections de bogues qui sont compatibles en arrière-plan

Par exemple, si votre application est à la version 1.0.0 et que vous souhaitez mettre à jour vers 1.0.1 (Capgo), la mise à jour sera appliquée automatiquement. Cependant, si vous souhaitez mettre à jour de 1.0.0 à 2.0.0 (une version majeure), cela nécessiterait une mise à jour de l'App Store native, car cela implique des modifications importantes.

Capgo’s paramètres de canal vous permettent de configurer les types d’actualisations qui sont appliquées automatiquement :

  • Stratégie majeure: Permet toutes les actualisations (utilisez avec prudence)
  • Stratégie mineure: Permet les actualisations mineures et de patch uniquement
  • Stratégie de patch: Ne permet que les actualisations de patch
  • Stratégie de métadonnées: Exige que les exigences de version minimale soient remplies

Vous pouvez tester comment différentes combinaisons de versions fonctionnent avec la logique d’actualisation de Capgo en utilisant notre Outil de testeur Semver. Cet outil vous aide à comprendre exactement quand les actualisations seront appliquées en fonction de votre configuration de canal.

Y a-t-il des limitations ?

Comme cela peut paraître attrayant, il y a quelques choses que nous devons garder à l'esprit. Les mises à jour OTA ne fonctionnent que avec des bundles web.On pourrait penser que cela ne constitue pas une grande limitation, car, dans Capacitor JS, nous écrivons presque tous les code en JS, CSS et HTML.

Même si cela peut être vrai, il y a encore des modules natifs que nous installons dans notre application. Si un module modifie vos répertoires Android ou iOS, vous ne pouvez pas utiliser OTA pour mettre à jour votre application..

Auto Capgo Configuration

It’s time to sign up, and get your API key to upload your first version! Begin by signing up for a Capgo account.

Once you’re logged into Capgo, You will have an onboarding page

Configuration automatique de __CAPGO_KEEP_0__

Il est temps de s'inscrire et d'obtenir votre clé __CAPGO_KEEP_0__ pour télécharger votre première version ! Commencez par s'inscrire à un compte __CAPGO_KEEP_0__ .

Suivez les instructions de CLI

À partir d'une ligne de commande, directement dans le répertoire racine de votre Capacitor d'application, exécutez :

npx @capgo/cli@latest init Pour installer le Capgo dans votre Capacitor d'application, le CLI vous guidera tout au long du processus de configuration de votre application avec Capgo.

Si vous souhaitez le faire manuellement, vous pouvez suivre les étapes ci-dessous.

Configuration manuelle de Capgo

Installez le plugin

Vous devriez finir par obtenir ce code ajouté à votre application :

npm i @capgo/capacitor-updater && npx cap sync Pour installer le plugin dans votre Capacitor d'application.

Et ajoutez ensuite à votre application ce code pour avertir le plugin natif que le bundle JavaScript est en bon état (si vous ne le faites pas, le plugin natif reverra à la version précédente) :

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

CapacitorUpdater.notifyAppReady()

Cela indiquera au plugin natif que l'installation a réussi.

Faites ensuite un npm run build && npx cap copy pour mettre à jour votre application.

Se connecter à Capgo CLOUD

Tout d'abord, utilisez le all clé d'API présente dans votre compte pour vous connecter avec le CLI :

npx @capgo/cli@latest login YOU_KEY

Ajoutez votre première application

Commencez par créer une 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.

Téléchargez votre première version

Exécutez la commande pour construire votre code et l'envoyer à Capgo avec : npx @capgo/cli@latest bundle upload

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

Vérifiez dans Capgo si la construction 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 en sorte que votre canal default permette aux applications de recevoir des mises à jour à partir de Capgo.

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

Recevoir une mise à jour en direct sur un appareil

Pour que votre application reçoive une mise à jour en direct à partir de Deploy, vous devrez exécuter l'application sur un appareil ou un émulateur. La façon la plus simple de procéder 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 Live Updates docs.

Si vous devez arrêter de recevoir les mises à jour locales, exécutez cette commande npx @capgo/cli@latest channel set

Continuez à mettre à jour vos applications Capacitor de manière fluide à l'aide de l'Capacitor-updater

Si vous utilisez Mettez à jour vos applications Capacitor de manière fluide à l'aide de l'Capacitor-updater Pour planifier la migration et les opérations d'entreprise, connectez-l’à 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 Alternatives Capgo pour le flux de travail du produit dans Alternatives Capgo Capgo Consulting 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.

Mises à jour en temps réel pour les applications Capacitor

Lorsqu'un bug de la couche web est actif, envoyez la correction à travers Capgo au lieu d'attendre des jours pour l'approbation de la boutique d'applications. Les utilisateurs reçoivent la mise à jour en arrière-plan tandis que les modifications natives restent dans le chemin de revue normal.

Support humain de Martin

Démarrer maintenant

Dernières actualités de notre blog

Capgo vous donne les meilleures informations dont vous avez besoin pour créer une application mobile véritablement professionnelle.