Ein Live-Update bereitstellen
Einen Setup-Vorschlag mit den Installationsanweisungen und der vollständigen Markdown-Anleitung für diesen Plugin kopieren.
Verwenden Sie Capgo’s Live-Updates-Funktion, um die Benutzeroberfläche und die Geschäftslogik Ihres Apps remote und in Echtzeit zu aktualisieren. Pushen Sie JS-Bundle-Updates direkt an Ihre Benutzer weiter, ohne durch den App-Store zu gehen, um Bugs sofort zu beheben und neue Funktionen zu liefern.
Dieses Leitfaden setzt voraus, dass Sie den Capgo Schnellstart abgeschlossen haben und bereits:
-
Die
@capgo/capacitor-updaterSDK in your Capacitor app -
installiert haben in Ihrem
capacitor.config.ts -
Added in your code the
CapacitorUpdater.notifyAppReady()App
Die App-ID und den Update-Kanal in
Ein Bundle hochladen
Abschnitt: Ein Bundle hochladenMit der Capgo und SDK installiert und konfiguriert, bist du bereit, dein erstes Live-Update-Bundle hochzuladen:
-
Bau deine Web-Assets:
Terminal-Fenster npm run build -
Hochladen Sie das Bundle in Capgo:
Terminal-Fenster npx @capgo/cli@latest bundle upload --channel=productiongithub/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:- masterDies wird eine neue Bundle-Version auf den im Befehl angegebenen Kanal hochladen.
Fehlerbehebung bei Uploads
Abschnitt mit dem Titel „Fehlerbehebung bei Uploads“Wenn Ihr Upload fehlschlägt, überprüfen Sie bitte:
- Ihre App-ID in
capacitor.config.tsentspricht Ihrer App im Capgo-Dashboard - Sie führen den Upload-Befehl vom Root-Verzeichnis Ihres Capacitor-Projekts aus
- Ihre Web-Assets sind auf dem neuesten Stand und wurden erfolgreich erstellt
Wenn Sie weiterhin Schwierigkeiten haben, gehen Sie zur Fehlersuche Abschnitt.
Ein Update auf einem Gerät erhalten
Abschnitt mit dem Titel "Ein Update auf einem Gerät erhalten"Sobald Ihr Bundle hochgeladen ist, können Sie das Live-Update auf einem Gerät testen:
-
Synchronisieren Sie Ihre App mit dem Gerät:
Terminal-Fenster npx cap sync ios -
Öffnen Sie ein weiteres Terminal und führen Sie den folgenden Befehl aus, um den Update-Status zu überprüfen:
Terminal-Fenster npx @capgo/cli@latest app debug -
Deine App lokal ausführen:
Terminalfenster npx cap run iosOder öffne das iOS/Android-Projekt in Xcode/Android Studio und führe eine native Ausführung durch.
-
Halte die App etwa 30 Sekunden geöffnet, um den Download des Updates im Hintergrund zu ermöglichen.
-
Die Protokolle werden einige Sekunden brauchen, um aktualisiert und den Update-Status anzuzeigen.
-
Schließe die App und öffne sie erneut. Du solltest dein Live-Update angewendet sehen!
Zurückgehen zu der Capgo Schnellstartanleitung Für weitere Details zu Testen von Live-Updates siehe die
Zukünftige Schritte
Nächste SchritteHat man sich gerade erfolgreich mit Capgo einen ersten Live-Update bereitgestellt! 🎉
Um mehr zu erfahren, überprüfen Sie den Rest der Capgo Live-Updates-Dokumentation. Einige wichtige Themen, die Sie als Nächstes überprüfen sollten:
Fortsetzen Sie von Deploy a Live Update
Sektion mit dem Titel “Fortsetzen Sie von Deploy a Live Update”Wenn Sie Deploy a Live Update verwenden, um die CI/CD-Automatisierung zu planen, verbinden Sie es mit Deploy a Live Update um die CI/CD-Automatisierung zu planen und es mit Capgo CI/CD zur Produktworkflow in Capgo CI/CD Capgo Native Builds zur Produktworkflow in Capgo Native Builds Capgo Integrations zur Produktworkflow in Capgo Integrations CI/CD-Integration zur Implementierungsdetail in CI/CD-Integration, und GitHub Actions-Integration zur Implementierungsdetail in GitHub Actions-Integration