Deploy un aggiornamento in tempo reale
Copia un prompt di configurazione con i passaggi di installazione e la guida markdown completa per questo plugin.
Utilizza la funzione di Aggiornamenti in Tempo Reale di Capgo per aggiornare l'interfaccia utente e la logica di business del tuo app in modo remoto e in tempo reale. Aggiungi aggiornamenti del pacchetto JS direttamente ai tuoi utenti senza passare per la store dell'app per correggere bug e rilasciare nuove funzionalità.
Questa guida presuppone che tu abbia completato il Capgo Quickstart e che tu abbia già:
-
Installato il
@capgo/capacitor-updaterSDK in your Capacitor app -
nella tua app
capacitor.config.ts -
Added in your code the
CapacitorUpdater.notifyAppReady()Aggiunto il metodo
Se non hai ancora eseguito questi passaggi, per favore torna indietro e completa il quickstart prima.
Caricamento di un Bundle
Sezione intitolata “Caricamento di un Bundle”Con il Capgo SDK installato e configurato, sei pronto a caricare il tuo primo bundle di aggiornamento live:
-
Costruisci i tuoi asset web:
Finestra del terminale npm run build -
Carica il bundle sul Capgo:
Finestra del terminale npx @capgo/cli@latest bundle upload --channel=production.github/workflows/build_and_deploy.yml name: Build source code and send to Capgoconcurrency:group: ${{ github.workflow }}-${{ github.ref }}cancel-in-progress: trueon:push:branches:- mainjobs:deploy_to_capgo:runs-on: ubuntu-lateststeps:- name: Checkoutuses: actions/checkout@v6- uses: actions/setup-node@v6with:node-version: '24'- name: Install dependenciesrun: npm install- name: Buildrun: npm run build- name: Deploy to Capgorun: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} --channel ${{ env.CHANNEL }}env:CAPGO_TOKEN: ${{ secrets.CAPGO_TOKEN }}.gitlab-ci.yml stages:- buildbuild:stage: buildimage: node:18cache:- key:files:- package-lock.jsonpaths:- .node_modules/script:- npm install- npm run build- npx @capgo/cli@latest bundle upload -a $CAPGO_TOKEN --channel $CAPGO_CHANNELartifacts:paths:- node_modules/- dist/only:- masterQuesto caricherà una nuova versione del pacchetto nel canale specificato nel comando.
Soluzione dei problemi degli upload
Sezione intitolata “Soluzione dei problemi degli upload”Se il tuo upload fallisce, controlla di nuovo:
- Il tuo ID dell'app
capacitor.config.tscorrisponde al tuo app nel Capgo dashboard - Esegui il comando di upload dal root del tuo progetto Capacitor
- I tuoi asset web sono costruiti e aggiornati
Se hai ancora problemi, vai alla sezione Trattamento dei problemi. section.
Sezione intitolata “Ricezione di un aggiornamento su un dispositivo”
Una volta caricato il tuo bundle, puoi testare l'aggiornamento live su un dispositivo:Sincronizza l'app sul dispositivo:
-
Finestra del terminale
Copia negli appunti npx cap sync ios -
Apri un'altra finestra del terminale e esegui il seguente comando per verificare lo stato dell'aggiornamento:
Finestra del terminale npx @capgo/cli@latest app debug -
Esegui il tuo app localmente:
Finestra del terminale npx cap run iosO apri il progetto iOS/Android in Xcode/Android Studio e fai un run nativo.
-
Tieni l'app aperta per circa 30 secondi per consentire all'aggiornamento di scaricarsi in background.
-
I log richiederanno alcuni secondi per aggiornarsi e mostrare lo stato dell'aggiornamento.
-
Chiudi e riapri l'app. Dovresti vedere il tuo live update applicato!
Riferisciti a Capgo Quickstart per ulteriori informazioni sui test delle aggiornamenti in tempo reale.
Passaggi successivi
Sezione intitolata “Passaggi successivi”Congratulazioni per aver distribuito il primo aggiornamento in tempo reale con Capgo! 🎉
Per imparare di più, revisiona il resto della documentazione degli aggiornamenti in tempo reale di Capgo. Alcune delle principali aree da verificare successivamente sono:
- Targeting degli aggiornamenti con canali
- Personalizzazione del comportamento degli aggiornamenti
- Ritorni degli aggiornamenti in tempo reale
Continua da Distribuisci un Aggiornamento in Tempo Reale
Sezione intitolata “Continua da Distribuisci un Aggiornamento in Tempo Reale”Se stai utilizzando Distribuisci un Aggiornamento in Tempo Reale per pianificare l'automazione CI/CD, connettilo con Capgo Automazione CI/CD per il flusso di lavoro del prodotto in Capgo Automazione CI/CD, Capgo Costruzioni Native per il flusso di lavoro del prodotto in Capgo Costruzioni Native, Capgo Integrazioni per il flusso di lavoro del prodotto in Capgo Integrazioni, Integrazione CI/CD per i dettagli di implementazione in Integrazione CI/CD, e GitHub Integrazione Azioni per i dettagli di implementazione in GitHub Azioni di integrazione.