Saltare al contenuto principale

Etichettatura della versione nei Capacitor App

Impara gli elementi essenziali dell'etichettatura della versione nei Capacitor app, compresi i migliori metodi per gli aggiornamenti, la sincronizzazione e l'automazione.

Martin Donadieu

Martin Donadieu

Content Marketer

Etichettatura della versione nei Capacitor App

L'etichettatura della versione è essenziale per la gestione Capacitor applicazioni. Assicura aggiornamenti fluidi, traccia le modifiche e migliora la affidabilità dell'applicazione su piattaforme iOS, Android e web. Ecco un breve riassunto:

  • Perché è importante: Traccia gli aggiornamenti, abilita il ripristino e assicura deployment stabili.
  • Versioning Semantico: Utilizza MAJOR.MINOR.PATCH per indicare le modifiche dirompenti, le nuove funzionalità o i bug fix.
  • Sincronizza su Piattaforme: Allinea i numeri di versione in package.json, iOS Info.plist, e Android build.gradle.
  • Automazione: Aggiorna automaticamente con npm script e strumenti CI/CD.
  • Aggiornamenti in tempo reale: Strumenti come Capgo inviano aggiornamenti a 95% degli utenti entro 24 ore.
  • Gestione della versione beta: Utilizza canali strutturati per versioni alpha, beta e di produzione.

Confronto rapido

CaratteristicaScopoEsempio
Versioning SemanticoRacchiude le modifiche in modo chiaro1.2.3 → 2.0.0
Sincronizza VersioniAllinea all'interno delle piattaformenpx cap sync
AutomazioneSemplifica gli aggiornamenti delle versioninpm version patch
Aggiornamenti in tempo realeAdozione rapida degli utentiCapgo’s 95% in 24 ore
Canali BetaFasi di testing controllate1.3.0-beta.1

L'etichettatura delle versioni semplifica Aggiornamenti dell'appmantiene gli utenti felici e assicura che gli sviluppatori possano gestire le rilasci in modo efficace.

Come configurare automaticamente il tuo Capacitor progetto ⚡️

Capacitor Documentazione del Framework Sito Web

Configurazione della Versione in Capacitor

Segui questi passaggi per garantire una gestione della versione coerente su tutte le piattaforme nel tuo Capacitor app.

Impostazione della Versione in package.json

Il package.json file serve come fonte principale per i dettagli sulla versione dell'app. Ecco un esempio di come impostarlo:

{
  "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"
  }
}

Quando si aggiorna il numero di versione, utilizzare le regole di versionamento semantico (SemVer):

  • Versione maggiore (1.x.x): Introduce modifiche di rottura.
  • Versione minore (x.2.x): Aggiunge nuove funzionalità compatibili all'indietro.
  • Versione di patch (x.x.3): Corregge bug o apporta miglioramenti minimi.

Mantieni le versioni delle piattaforme sincronizzate

È importante allineare i numeri di versione su tutte le piattaforme per una distribuzione di app liscia. Ogni piattaforma ha il suo file di configurazione per la versioning:

PiattaformaFile di configurazioneChiave di versione
iOSInfo.plistCFBundleShortVersionString
Androidbuild.gradleversionName
Webpackage.jsonversion

Dopo l'aggiornamento della versione in package.json, utilizzare questo comando per sincronizzare le modifiche con le configurazioni delle piattaforme native:

npx cap sync

Utilizzando Capacitor CLI per la gestione della versione

Il Capacitor CLI offre comandi utili per gestire le versioni:

# 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

Tenere aggiornato il tuo Capacitor CLI garantisce la compatibilità con le funzionalità specifiche della versione e riduce i potenziali disallineamenti.

Impostazione della versione semantica

Basi della versione semantica

La versione semantica (SemVer) utilizza il formato Componente della versioneScopo

MAJORIntroduce modifiche di rottura nel __CAPGO_KEEP_0__
MINORIntroduces breaking changes to the API
MINORAggiunge nuove funzionalità compatibili con le versioni precedenti
__CAPGO_KEEP_0__Risolve bug o migliora le prestazioni senza compromettere la compatibilità

Questo sistema garantisce che gli sviluppatori possano comunicare in modo chiaro gli aggiornamenti senza compromettere la compatibilità tra le versioni dell'applicazione. Ad esempio, passare da 1.2.3 __CAPGO_KEEP_1__ 2.0.0 a

indica aggiornamenti principali, che richiedono una pianificazione attenta.

Quando Aggiornare i Numeri di Versione

Ecco come decidere quale numero di versione aggiornare:Tipo di AggiornamentoQuando Usare
Esempio di Modifica della VersionePer rompere API cambiamenti significativi o per una ristrutturazione UI importante1.2.3 → 2.0.0
Aggiornamento MinoreQuando si introduce una nuova funzionalità o si segnala una funzionalità come obsoleta1.2.3 → 1.3.0
Aggiornamento di PatchPer correzioni di bug o piccoli miglioramenti di prestazioni1.2.3 → 1.2.4

“We practice agile development and @Capgo is mission-critical in delivering continuously to our users!” - Rodrigo Mantica [1]

Pratichiamo lo sviluppo agile e @__CAPGO_KEEP_0__ è cruciale per consegnare continuamente ai nostri utenti!

Ora vediamo come automatizzare questi aggiornamenti per semplificare la gestione delle release.

Automazione degli Aggiornamenti di Versione can save time and reduce errors in your Capacitor project. Here’s how to set it up:

  1. può risparmiare tempo e ridurre gli errori nel tuo progetto NPM. Ecco come configurarlo:

__CAPGO_KEEP_0__ Script di Versione package.json file per gestire aggiornamenti di versione in modo facile:

{
  "scripts": {
    "version:patch": "npm version patch",
    "version:minor": "npm version minor",
    "version:major": "npm version major"
  }
}
  1. Integrazione CI/CD
    Incorporare gli aggiornamenti di versione nel tuo flusso di lavoro CI/CD. Capgo supporta strumenti come GitHub Actions, GitLab CI, e Jenkins, rendendo semplice automatizzare il processo.

“@Capgo è uno strumento imprescindibile per i developer che cercano produttività evitando lunghi revisioni di bug.” - Bessie Cooper [1]

Metodi di Etichettatura della Versione Git

Etichettatura della Versione Git

Le etichette della versione Git sono un modo affidabile per tenere traccia degli aggiornamenti Capacitor rilasci dell'app. Per creare etichette chiare e informative, combinare la versione semantica con una breve descrizione:

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

Per mantenere la consistenza all'interno della tua squadra, utilizza un formato di etichettatura standardizzato:

Etichetta ComponenteFormatoEsempio
Versione di rilasciov[MAJOR].[MINOR].[PATCH]v1.2.3
Rilascio betav[VERSION]-beta.[NUMBER]v1.2.3-beta.1
Candidato di Rilasciov[VERSION]-rc.[NUMBER]v1.2.3-rc.2

Integrazione del Numero di Costruzione

I numeri di costruzione aiutano a tracciare le singole costruzioni all'interno di ogni versione. Per entrambi iOS e Android, incrementare il numero di costruzione con ogni invio:

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

Il numero di costruzione dovrebbe sempre aumentare, anche se la versione rimane la stessa. Ciò assicura che ogni invio negli store sia univocamente identificato mentre si mantiene la chiarezza nella versioning per gli utenti.

Gestione della Versione Beta

La gestione delle versioni beta richiede un processo strutturato per distribuire le costruzioni di test. Capgo’s sistema dei canali semplifica questo con i seguenti passaggi:

  1. Configurazione del Canale

Creare canali separati per ogni fase di testing:

{
  "beta": {
    "version": "1.3.0-beta.1",
    "users": "beta-testers"
  },
  "production": {
    "version": "1.2.3",
    "users": "all"
  }
}
  1. Gestisci l'accesso degli utenti

Configura le autorizzazioni per controllare chi ha accesso alle versioni beta. Ciò assicura che solo i tester approvati ricevano le versioni beta mentre gli utenti di produzione ricevono rilasci stabili.

  1. Progressione della versione

Utilizza un sistema di progressione della versione chiaro per tracciare le fasi di sviluppo:

FaseFormato della versioneScopo
Alpha1.3.0-alpha.1Test interni
Beta1.3.0-beta.1Gruppo di test esterno
RC (Candidato alla Rilascio)1.3.0-rc.1Test finale prima del rilascio
Produzione1.3.0Rilascio pubblico

Questa approccio garantisce test approfonditi e transizioni liscie tra le fasi di sviluppo, mantenendo la gestione delle versioni organizzata e trasparente nel processo.

Visualizza versione dell'app

La visualizzazione di informazioni di versione accurate nell'app è fondamentale per tenere informati gli utenti e gestire gli aggiornamenti in modo efficace.

Ottenere versione con Capacitor

È possibile recuperare dettagli di versione utilizzando Capacitor con questo code:

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

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

Per un approccio più fluido, crea una funzione riutilizzabile:

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

Questa funzione semplifica il processo di visualizzazione delle informazioni sulla versione nel tuo interfacce dell'applicazione.

Implementazione dell'interfaccia della versione

Ecco un esempio di come integrare la visualizzazione della versione in un componente di impostazioni:

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

I posti comuni per mostrare i dettagli della versione includono:

PosizioneScopoImplementazione
Schermo delle ImpostazioniVersione completa e di costruzioneInformazioni sulla versione dettagliate
Pagina di InformazioniVisualizzazione di base della versioneNumero di versione solo
Footer dell'appVisualizzazione minimaVersione condensata

Inoltre, integrando un sistema di controllo degli aggiornamenti, si può migliorare l'esperienza utente.

Sistema di controllo degli aggiornamenti

Un sistema di controllo degli aggiornamenti assicura agli utenti l'accesso alle ultime funzionalità e correzioni. Capgo fornisce notifiche in tempo reale e canali di aggiornamento controllati per gestire questo processo:

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
    });
  }
}

“Pratichiamo lo sviluppo agile e @Capgo è essenziale per consegnare continuamente ai nostri utenti!” - Rodrigo Mantica [1]

Puoi anche aggiungere una notifica di aggiornamento per l'utente, come questo:

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

Per le app aziendali, il sistema dei canali di Capgo consente di controllare la distribuzione degli aggiornamenti:

CanaleTipo di aggiornamentoPubblico destinatario
ProduzioneVersioni rilasciate stabiliTutti gli utenti
BetaVersioni di anteprimaGruppo di test
CriticoRimedi di emergenzaUtenti interessati

Questa metodologia garantisce la affidabilità dell'applicazione mentre traccia le prestazioni degli aggiornamenti attraverso il dashboard di analisi di Capgo.

Soluzioni di gestione delle versioni

Scendiamo a fondo nelle soluzioni avanzate per la gestione delle versioni degli app efficacemente.

Opzioni per lo Strumento di Versione

Quando si seleziona gli strumenti di controllo delle versioni, è importante concentrarsi su quelli che semplificano gli aggiornamenti, proteggono il tuo code, e supportano sia le rilasci negli store che gli aggiornamenti in tempo reale.

Ecco alcune caratteristiche chiave da cercare:

CaratteristicaImportanzaImpatto
Aggiornamenti in Tempo RealeCriticoMinimizza i ritardi causati dalle recensioni degli store
SicurezzaEssenzialeProtegge i dati utente e l'integrità code
AnalyticsImportanteMisura il successo degli aggiornamenti e l'adozione degli utenti
Integrazione CI/CDUtileSemplifica i processi di distribuzione
Efficienza dei costiStrategicoInfluenza la pianificazione a lungo termine del budget

Un unico strumento di spicco in questo settore è Capgo, che offre funzionalità specificamente progettate per Capacitor app.

Capgo Caratteristiche di Controllo Versione

Capgo Dashboard di Aggiornamento in Tempo Reale

Capgo fornisce capacità di gestione delle versioni robuste, comprese:

  • 23,5 milioni di aggiornamenti riusciti consegnati
  • Il 95% degli utenti aggiornati entro 24 ore
  • 82% di successo globale
  • 434 ms di tempo medio di risposta di API in tutto il mondo

Ecco un esempio di come utilizzare Capgo per il controllo delle versioni:

// 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
    });
  }
};

“Stiamo dando un'occhiata a Capgo dal momento che Appcenter ha smesso di supportare gli aggiornamenti in tempo reale per le app ibride e @AppFlow è troppo costoso.” - Simon Flack [1]

Soluzioni per la Dimensione del Team

Capgo offre piani flessibili per accogliere team di tutte le dimensioni, rendendo la gestione delle versioni scalabile ed efficiente.

Dimensione del TeamPianoCaratteristiche principali
Sviluppatore singoloHosting cloud di baseAggiornamenti in tempo reale, 1.000 MAU
Piccolo Team (2-5)Piano Maker10.000 MAU, 500 GB di banda
Team medio (6-20)Piano Team100.000 MAU, autorizzazioni
Versione d'impresaPAG personalizzatoMAU illimitati, supporto dedicato

Per le squadre più grandi, il sistema dei canali di Capgo consente un controllo preciso sulla distribuzione delle versioni:

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

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

“Pratichiamo lo sviluppo agile e @Capgo è essenziale per consegnare continuamente ai nostri utenti!” - Rodrigo Mantica [1]

Capgo include anche un dashboard di analisi per monitorare le tassi di adozione delle versioni e rilevare potenziali problemi in anticipo. Con crittografia integrata e opzioni di hosting personalizzabili, le squadre possono mantenere la sicurezza mentre scalano i loro flussi di distribuzione.

Conclusioni

Capire il taglio delle versioni è fondamentale per semplificare i processi di sviluppo e distribuzione. Ecco un rapido riassunto delle idee principali e dei passaggi per iniziare.

Punti chiave

Il taglio delle versioni aiuta gli sviluppatori a mantenere aggiornamenti lisci e affidabili. Un controllo delle versioni appropriato offre vantaggi chiari:

BeneficioInfluenzaRisultato
Aggiornamenti istantaneiPianificazione dei tempi di revisione più breveAdozione degli utenti più rapida [1]
Controllo delle versioniGestione del code miglioreTassi di successo più alti [1]
Tracciamento degli aggiornamentiMonitoraggio in tempo realeRisoluzione dei problemi più rapida [1]
Controllo della distribuzioneDistribuzioni mirateSupporto multi-piattaforma

Questi risultati evidenziano l'importanza dell'utilizzo di strumenti di gestione delle versioni efficaci.

Come iniziare

Per mettere in pratica questi benefici, segui questi passaggi:

  • Configura la tracciatura delle versioni: Utilizza la versioning semantica nel tuo package.json __CAPGO_KEEP_0__
  • e integra i plugin necessari.Aggiungi controlli di aggiornamento
  • : Implementa sistemi per verificare e tracciare gli aggiornamenti delle versioni.Configura i canali di distribuzione

: Crea ambienti separati per la produzione, beta e sviluppo. Infine, considera l'aggiunta di un sistema di aggiornamento in tempo reale per garantire che le distribuzioni siano sia veloci che sicure.

Aggiornamenti in tempo reale per le Capacitor app

Quando un bug nel layer web è attivo, invia la correzione attraverso Capgo invece di attendere giorni per l'approvazione della store. Gli utenti ricevono l'aggiornamento in background mentre le modifiche native rimangono nel normale percorso di revisione.

Inizia subito

Ultimi articoli dal nostro Blog

Capgo ti offre le migliori informazioni che ti servono per creare un'app mobile veramente professionale.