Balise de version dans les applications Capacitor

La balise de version est essentielle pour gérer Capacitor apps. Elle garantit des mises à jour fluides, suit les modifications et améliore la fiabilité des applications sur les plateformes iOS, Android et web. Voici un aperçu rapide :

• Pourquoi Cela Compte: Suivi des mises à jour, activation des retours en arrière et garantie de déploiements stables.
• Numérotation Sémantique: Utilisez MAJOR.MINOR.PATCH pour indiquer les modifications importantes, les nouvelles fonctionnalités ou les corrections de bogues.
• Synchronisation Sur Les Plates-Formes: Alignez les numéros de version dans package.json, iOS Info.plist, et Android build.gradle.
• Automatisation: Mise à jour automatique avec des scripts npm et des outils CI/CD.
• Mises à jour en temps réel : Les outils comme __CAPGO_KEEP_0__ Capgo Gestion de la bêta
• : Utilisez des canaux structurés pour les versions alpha, bêta et de production.Comparaison rapide

Fonctionnalité

La balise de version simplifie le processus Mises à jour de l'applicationgarde les utilisateurs heureux, et permet aux développeurs de gérer les mises à jour de manière efficace.

Comment CONFIGURER AUTOMATIQUEMENT votre Capacitor site Web de la documentation du framework __CAPGO_KEEP_0__

Suivez ces étapes pour vous assurer d'une gestion cohérente de la version sur tous les plateformes dans votre application Capacitor.

Follow these steps to ensure consistent version management across all platforms in your Capacitor app.

Le package.json

fichier sert de source principale pour les détails de version de votre application. Voici un exemple de la façon de l'installer : package.json La mise à jour automatique de votre

{
  "name": "your-app-name",
  "version": "1.2.3",
  "private": true,
  "dependencies": {
    "@capacitor/core": "5.5.0",
    "@capacitor/ios": "5.5.0",
    "@capacitor/android": "5.5.0"
  }
}

Lors de la mise à jour du numéro de version, utilisez les règles de versionnement semantique (SemVer) :

• Version majeure (1.x.x) : Introduit des changements de rupture.
• Version mineure (x.2.x) : Ajoute de nouvelles fonctionnalités qui sont compatibles avec le passé.
• Version de correction (x.x.3) : Corrige des bogues ou apporte des améliorations mineures.

Synchronisation des versions de plateforme

Il est important d'aligner les numéros de version sur toutes les plateformes pour un déploiement d'applications fluide. Chaque plateforme a son propre fichier de configuration pour la versionnage :

Après mise à jour de la version dans package.json, utilisez cette commande pour synchroniser les modifications avec les configurations de plateforme native :

npx cap sync

Utilisez Capacitor CLI pour la gestion de version

Le Capacitor CLI propose des commandes utiles pour gérer les versions :

# Check the current version of Capacitor
npx cap --version

# Update Capacitor core and platform dependencies
npm install @capacitor/core@latest
npm install @capacitor/ios@latest
npm install @capacitor/android@latest

# Sync version changes to native platforms
npx cap sync

Mettre à jour régulièrement votre Capacitor CLI garantit la compatibilité avec les fonctionnalités spécifiques aux versions et réduit les éventuelles incohérences. Suivre ces étapes vous aidera à maintenir une version correcte dans votre application.

Configuration de la version sémantique

Bases de la version sémantique

Versionnement sémantique (SemVer) utilise la forme MAJOR.MINOR.PATCH, où chaque partie indique un type spécifique de changement :

Ce système permet aux développeurs de communiquer clairement les mises à jour tout en préservant la compatibilité entre les versions d'applications. Par exemple, passer de 1.2.3 à 2.0.0 indique des mises à jour majeures qui nécessitent une planification soigneuse.

Quand mettre à jour les numéros de version

Voici comment décider quel numéro de version mettre à jour :

“Nous pratiquons le développement agile et @Capgo est essentiel à la livraison continue à nos utilisateurs !” - Rodrigo Mantica [1]

Étudions maintenant la mise en œuvre de ces mises à jour pour simplifier la gestion des versions.

Mise à jour automatique de version

La mise à jour automatique des versions peut économiser du temps et réduire les erreurs dans votre projet Capacitor. Voici comment l'installer :

1. Scripts de version NPM

Ajoutez ces scripts à votre package.json fichier pour gérer les mises à jour de version de manière facile :

{
  "scripts": {
    "version:patch": "npm version patch",
    "version:minor": "npm version minor",
    "version:major": "npm version major"
  }
}

2. Intégration CI/CD
   Intégrez les mises à jour de version dans votre pipeline CI/CD. Capgo prend en charge des outils comme GitHub Actions, GitLab CI, et Jenkins, ce qui simplifie le processus d'automatisation.

“@Capgo est un outil indispensable pour les développeurs cherchant à augmenter leur productivité en évitant les longues revues de bugfix.” - Bessie Cooper [1]

Méthodes de balises de version Git

Méthodes de balises de version Git

Les étiquettes de version Git sont un moyen fiable de suivre les Capacitorsorties de l'application. Pour créer des étiquettes claires et informatives, combinez la versionnement sémantique avec une brève description :

git tag -a v1.2.3 -m "Release v1.2.3: Added offline mode support"

Pour maintenir la cohérence au sein de votre équipe, utilisez un format d'étiquetage standardisé :

Intégration du Numéro de Construction

Les numéros de construction aident à suivre les constructions individuelles dans chaque version. Pour les deux iOS et Android, augmentez le numéro de construction avec chaque soumission :

{
  "ios": {
    "version": "1.2.3",
    "build": "10234"
  },
  "android": {
    "version": "1.2.3",
    "versionCode": "10234"
  }
}

Le numéro de construction doit toujours augmenter, même si la version reste la même. Cela garantit que chaque soumission dans les magasins d'applications est identifiée de manière unique tout en gardant la version claire pour les utilisateurs.

Gestion de la Version Bêta

La gestion des versions bêta nécessite un processus structuré pour distribuer les constructions de test. Capgo’s système de canal simplifie cela avec les étapes suivantes :

1. Configuration du Canal

Créez des canaux séparés pour chaque phase de test :

{
  "beta": {
    "version": "1.3.0-beta.1",
    "users": "beta-testers"
  },
  "production": {
    "version": "1.2.3",
    "users": "all"
  }
}

2. Contrôle de l'accès des utilisateurs

Configurez les permissions pour contrôler qui a accès aux versions bêta. Cela garantit que seuls les testeurs approuvés reçoivent des builds bêta tandis que les utilisateurs de production reçoivent des versions stables.

3. Progression de version

Utilisez un système de progression de version clair pour suivre les étapes de développement :

Cet approche garantit un test exhaustif et des transitions fluides entre les étapes de développement, en maintenant la gestion des versions organisée et transparente tout au long du processus.

Affichage de la version de l'application

Afficher des informations de version précises dans votre application est essentiel pour tenir informés les utilisateurs et gérer les mises à jour efficacement.

Obtenir la version avec Capacitor

Vous pouvez récupérer les détails de version en utilisant Capacitor avec ce code:

import { App } from '@capacitor/app';

async function getAppInfo() {
  const info = await App.getInfo();
  console.log(`Version: ${info.version}`);
  console.log(`Build: ${info.build}`);
}

Pour une approche plus fluide, créez une fonction réutilisable :

export const getVersionString = async () => {
  const info = await App.getInfo();
  return `v${info.version} (${info.build})`;
};

Cette fonction simplifie le processus de mise en page de l'information de version dans l'interface de votre application.

Mise en œuvre de l'interface de version

Voici un exemple d'intégration de la mise en page de version dans un composant de paramètres :

@Component({
  selector: 'app-settings',
  template: `
    <div class="version-info">
      <span>Version: {{ versionString }}</span>
      <span *ngIf="updateAvailable" class="update-badge">
        Update Available
      </span>
    </div>
  `
})

Les endroits courants pour afficher les détails de version incluent :

En plus de l'affichage des informations de version, l'intégration d'un système de vérification de mise à jour peut améliorer l'expérience utilisateur.

Système de vérification de mise à jour

Un système de vérification de mise à jour assure aux utilisateurs l'accès aux dernières fonctionnalités et correctifs. Capgo fournit des notifications en temps réel et des canaux de mise à jour contrôlés pour gérer ce processus :

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

async function checkForUpdates() {
  const current = await CapacitorUpdater.current();
  const latest = await CapacitorUpdater.getLatest();

  if (current.version !== latest.version) {
    await CapacitorUpdater.download({
      version: latest.version
    });
  }
}

“Nous pratiquons un développement agile et @Capgo est essentiel à la livraison continue à nos utilisateurs !” - Rodrigo Mantica [1]

Vous pouvez également ajouter une notification de mise à jour destinée à l'utilisateur, comme ceci :

@Component({
  template: `
    <update-modal 
      [version]="newVersion"
      [features]="updateFeatures"
      (updateNow)="performUpdate()"
    />
  `
})

Pour les applications d'entreprise, le système de canaux de Capgo permet de contrôler la distribution des mises à jour :

Cette méthode garantit la fiabilité de l'application tout en suivant les performances d'actualisation à travers le tableau de bord d'analytique de Capgo.

Solutions de Gestion de Version

Plongez plus profondément dans des solutions avancées pour gérer efficacement les versions des applications.

Options d'outil de version

Lors du choix des outils de contrôle de version, il est important de se concentrer sur ceux qui simplifient les mises à jour, sécurisent votre code, et supportent à la fois les lancements d'applications dans les magasins et les mises à jour en direct.

Certaines fonctionnalités clés à rechercher :

Un outil de premier plan dans ce domaine est Capgo, qui propose des fonctionnalités conçues spécifiquement pour Capacitor applications.

Capgo Fonctionnalités de contrôle de version

Capgo fournit des capacités de gestion de version robustes, notamment :

• 23,5 millions de mises à jour réussies livrées
• 95% des utilisateurs mis à jour en 24 heures
• 82% de taux de réussite mondial
• 434 ms de temps de réponse moyen API dans le monde

Voici un exemple de la façon dont vous pouvez utiliser Capgo pour le contrôle de version :

// Capgo version control example
import { CapacitorUpdater } from '@capgo/capacitor-updater';

const versionControl = {
  async checkVersion() {
    const current = await CapacitorUpdater.current();
    return current.version;
  },

  async deployUpdate(version: string) {
    await CapacitorUpdater.setChannel({
      channel: 'production',
      version: version
    });
  }
};

“Nous essayons actuellement @Capgo depuis que Appcenter a cessé de fournir le support des mises à jour en direct pour les applications hybrides et @AppFlow est trop coûteux.” - Simon Flack [1]

Solutions pour les tailles d'équipe

Capgo propose des plans flexibles pour s'adapter à tous les équipes, ce qui rend la gestion des versions échelle et efficace.

Pour les équipes plus importantes, le système de canal de Capgo permet un contrôle précis sur la mise en production des versions :

const enterpriseVersionControl = {
  channels: {
    production: 'stable-releases',
    beta: 'early-access',
    internal: 'development'
  },

  async deployToChannel(channel: string, version: string) {
    await CapacitorUpdater.setChannel({
      channel: channel,
      version: version
    });
  }
};

“Nous pratiquons le développement agile et @Capgo est essentiel pour livrer continuellement à nos utilisateurs !” - Rodrigo Mantica [1]

Capgo comprend également un tableau de bord d'analyse pour suivre les taux d'adoption des versions et détecter les problèmes potentiels en amont. Avec une encryption intégrée et des options d'hébergement personnalisables, les équipes peuvent maintenir la sécurité tout en élargissant leurs flux de déploiement.

Conclusion

Comprendre la gestion des versions est essentiel pour simplifier les processus de développement et de déploiement. Voici un rappel rapide des principes clés et des étapes à suivre pour commencer.

Principaux points à retenir

La gestion des versions aide les développeurs à maintenir des mises à jour fluides et fiables. Un contrôle de version approprié offre des avantages clairs :

Ces résultats mettent en évidence l'importance d'utiliser des outils de gestion de version efficaces.

Comment Commencer

Pour mettre ces avantages en action, suivez ces étapes :

• Configurer la suivi de version: Utilisez la versionnement semantique dans votre package.json et intégrez les plugins nécessaires.
• Ajouter des contrôles d'actualisation: Mettez en place des systèmes pour vérifier et suivre les mises à jour de version.
• Configurer les canaux de distribution: Créez des environnements séparés pour la production, la bêta et le développement.

Enfin, considérez l'ajout d'un système d'actualisation en direct pour s'assurer que les déploiements sont à la fois rapides et sécurisés.

Continuez de Version Tagging dans les Capacitor Applications

Si vous utilisez Version Tagging dans les Capacitor Applications pour planifier le rollback et le contrôle de version, connectez-le avec Rollbacks pour les détails d'implémentation dans Rollbacks, Version Targeting pour les détails d'implémentation dans Version Targeting, Comportement de mise à jour pour les détails d'implémentation dans Comportement de mise à jour, bundle pour les détails d'implémentation dans le bundle, et Capgo Mises à jour en temps réel pour le flux de travail du produit dans Capgo Mises à jour en temps réel.