Saltare al contenuto principale
Tutorial

Aggiorna le tue applicazioni Capacitor in modo senza intoppi utilizzando l'Capacitor-aggiornatore

Ciao comunità Capacitor Ionic, oggi ti aiuterò a configurare l'Capacitor-aggiornatore nel tuo'applicazione. In questo modo potrai effettuare rilasci senza intoppi.

Crediti dell'articolo

Martin Donadieu

Autore

Valeria

Recensore

Jordan

Editor

Aggiorna i tuoi applicativi Capacitor in modo senza intoppi utilizzando l'Capacitor-aggiornatore

Cosa è l'Capacitor-aggiornatore?

L'Capacitor-aggiornatore, una tecnologia che aiuta nella consegna di aggiornamenti e miglioramenti per gli utenti finali in modo istantaneo.

Questo è particolarmente utile se desideri eseguire riparazioni critiche e consegnare immediatamente senza dover passare attraverso le recensioni della Store App.

Potresti pensare a questo come l'agilità 'web-like' della caricazione di aggiornamenti appena disponibili.

Inoltre, fornisce rollback se l'aggiornamento nuovo fa crollare l'applicativo

Come funziona?

L'Capgo mantiene il pacchetto JavaScript dell'applicativo in sincronia con il server Capgo, e ogni volta che l'utente apre l'applicativo, controlla con il server Capgo se è disponibile un nuovo aggiornamento per il pacchetto. E, naturalmente, viene fornito con una miriade di configurazioni incredibili che possono aiutarti a fine-tuning l'esperienza dell'utente.

Utilizzo l'Capgo in tutti i miei progetti che costruisco. Ciò mi consente di dedicare meno tempo al processo di recensione della Store App.

Leggi di più su questo qui.

Capire la versione semantica con Capgo

Capgo utilizza la versione semantica (semver) per determinare quando e come applicare gli aggiornamenti al tuo app. Ciò garantisce che i tuoi utenti ricevano solo aggiornamenti compatibili e impedisce che i cambiamenti di rotta vengano distribuiti automaticamente.

La versione semantica segue il formato MAJOR.MINOR.PATCH:

  • MAJOR: Cambiamenti di rotta che richiedono una rilascio nativo dell'app store
  • MINOR: Funzionalità nuove compatibili con il passato
  • PATCH: Correzioni di bug compatibili con il passato

Esempio: se il tuo app è alla versione 1.0.0 e desideri aggiornare a 1.0.1 (una patch), Capgo applicherà automaticamente questo aggiornamento. Tuttavia, se desideri aggiornare da 1.0.0 per 2.0.0 (di una versione maggiore), ciò richiederebbe una rilascio di un'applicazione nativa poiché indica modifiche dirompenti.

Capgo’s impostazioni del canale consentono di configurare quali tipi di aggiornamenti vengono applicati automaticamente:

  • Strategia maggiore: Consente tutti gli aggiornamenti (utilizzare con cautela)
  • Strategia minore: Consente aggiornamenti minore e di patch solo
  • Strategia di patch: Consente solo gli aggiornamenti di patch
  • Strategia di metadati: Richiede che siano soddisfatte le esigenze minime di versione

Potete testare come funzionano diverse combinazioni di versione con la logica di aggiornamento di Capgo utilizzando il nostro Strumento di tester SemverQuesto strumento ti aiuta a capire esattamente quando verranno applicate le aggiornamenti in base alla tua configurazione del canale.

Ci sono delle limitazioni?

Come potrebbe sembrare, ci sono alcune cose che dobbiamo tenere a mente. La prima cosa è che gli aggiornamenti OTA. You may think that this isn’t really a big limitation because, in Capacitor JS, we write almost all code in JS CSS and HTML. While this may be true, there still are native modules that we install to our app. If a module changes your android or iOS directories, you can’t use OTA to update your app. That’s because these directories’ contents are used to compile Native binaries, which OTA can’t update. Even native app cannot update this part.

Potresti pensare che questo non sia una grande limitazione perché, in __CAPGO_KEEP_0__ JS, scriviamo quasi tutti i __CAPGO_KEEP_1__ in JS, CSS e HTML. Mentre questo potrebbe essere vero, ci sono ancora moduli nativi che installiamo nell'app..

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

Onboarding pagina

Segui le istruzioni sulla pagina di onboarding per aggiungere la tua prima app.

Segui le CLI linee guida

Dalla riga di comando, direttamente nella radice della tua Capacitor app, esegui:

npx @capgo/cli@latest init To installare il Capgo nella tua Capacitor app, il CLI ti guiderà attraverso il processo di configurazione della tua app con Capgo.

Se desideri farlo manualmente, puoi seguire i passaggi sotto.

Configurazione manuale del Capgo

Installa il plugin

Devi finire con questo code aggiunto alla tua app:

npm i @capgo/capacitor-updater && npx cap sync To installare il plugin nella tua Capacitor app.

E poi aggiungi alla tua app questo code per notificare al plugin nativo che il bundle JS è sano (se non lo fai, il plugin nativo si rollbackerà alla versione precedente):

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

CapacitorUpdater.notifyAppReady()

Questo ti dirà al plugin nativo che l'installazione è riuscita.

Quindi esegui un npm run build && npx cap copy per aggiornare il tuo app.

Accedi a Capgo CLOUD

Prima, utilizza il all chiave API presente nel tuo account per accedere con il CLI:

npx @capgo/cli@latest login YOU_KEY

Aggiungi la tua prima app

Cominciamo creando la prima app in Capgo Cloud con il CLI.

npx @capgo/cli@latest app add

Questo comando utilizza tutte le variabili definite nel file di configurazione Capacitor per creare l'app.

Carica la tua prima versione

Esegui il comando per costruire il tuo code e inviarlo a Capgo con: npx @capgo/cli@latest bundle upload

Di default, il nome della versione sarà quello presente nel tuo package.json file.

Controlla in Capgo se il build è presente.

Puoi anche testarlo con il mio applicazione mobile di sandbox.

Stabilisci il canale predefinito

Dopo aver inviato il tuo app a Capgo, devi stabilire il tuo canale default per consentire agli app di ricevere aggiornamenti da Capgo.

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

Ricevi un Aggiornamento in Tempo Reale su un Dispositivo

Perché il tuo'applicazione riceva un aggiornamento in tempo reale da Deploy, dovrai eseguire l'applicazione su un dispositivo o un emulatore. La via più semplice per farlo è semplicemente utilizzare il seguente comando per avviare la tua app locale in un emulatore o un dispositivo collegato al tuo computer.

npx cap run [ios | android]

Apre l'app, mettila in background e aprila di nuovo, dovresti vedere nei log che l'app ha fatto l'aggiornamento.

Congratulazioni! 🎉 Hai avuto successo nel distribuire la tua prima Live Update. Questo è solo l'inizio di tutto ciò che puoi fare con le Live Updates. Per imparare di più, visualizza il contenuto completo Documentazione Live Updates.

Se hai bisogno di fermare di ricevere l'aggiornamento locale esegui questo comando npx @capgo/cli@latest channel set

Continua a procedere con l'aggiornamento dei tuoi Capacitor app in modo fluido utilizzando il Capacitor-aggiornatore

Se stai utilizzando Aggiorna i tuoi Capacitor app in modo fluido utilizzando il Capacitor-aggiornatore per pianificare la migrazione e le operazioni aziendali, connettilo con Capgo Enterprise for the product workflow in Capgo Enterprise, per il flusso di lavoro del prodotto in __CAPGO_KEEP_0__ Enterprise, Alternative per plugin Enterprise di Ionic per il flusso di lavoro del prodotto in Alternative per plugin Enterprise di Ionic, sebbene non sia necessario, è comunque una buona idea utilizzare Capgo Alternatives per il workflow del prodotto in Capgo Alternatives Capgo Consulting per il workflow del prodotto in Capgo Consulting, e Capgo Supporto Premium per il workflow del prodotto in Capgo Supporto Premium.

Aggiornamenti in tempo reale per le Capacitor app

Quando un bug del 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.

Sostegno umano da Martin

Inizia subito

Ultimi articoli dal nostro Blog

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