Zum Hauptinhalt springen
Tutorial

Aktualisieren Sie Ihre Capacitor-Anwendungen problemlos mithilfe des Capacitor-Updaters

Hallo Capacitor Ionic-Gemeinde, heute helfe ich Ihnen dabei, den Capacitor-Updater in Ihre App einzubinden. Damit können Sie Releases ohne Probleme durchführen.

Martin Donadieu

Martin Donadieu

Content-Marketing-Beauftragter

Aktualisieren Sie Ihre Capacitor-Anwendungen problemlos mithilfe des Capacitor-Updaters

Was ist Capacitor-Updater?

Capacitor-Updater, eine Technologie, die bei der Lieferung von App-Updates und Verbesserungen an die Endnutzer sofort hilft.

Das ist besonders großartig, wenn Sie kritische Fehlerbehebungen durchführen und sofort ohne die App Store-Bewertung liefern möchten.

Sie können es sich als „webartige“ Agilität der Seitenladung von Updates denken, sobald sie verfügbar sind.

Darüber hinaus bietet es Rollbacks, wenn der neue Update die App abstürzt

Wie funktioniert es?

Capgo keeps your app’s JavaScript bundle in sync with the Capgo server, and every time the user opens the app, it checks with the Capgo server if a new update is available to the bundle. And of course, it comes with tons of awesome configurations which can help you fine-tune your user’s experience.

Ich verwende Capgo in allen Projekten, die ich baue. Das ermöglicht es mir, weniger Zeit in den App Store-Bewertungsprozess zu investieren.

Sie können mehr darüber lesen hier.

Verständnis von semantischen Versionen mit Capgo

Capgo verwendet semantische Versionierung (semver) zur Bestimmung, wann und wie Updates auf Ihre App angewendet werden sollten. Dies stellt sicher, dass Ihre Benutzer nur kompatible Updates erhalten und verhindert, dass automatisch deployte Bruchänderungen vorgenommen werden.

Semantic versioning folgt der Formatvorlage MAJOR.MINOR.PATCH:

  • MAJOR: Änderungen, die eine native App-Store-Veröffentlichung erfordern
  • MINOR: Neue Funktionen, die backwards kompatibel sind
  • PATCH: Fehlerbehebungen, die backwards kompatibel sind

Beispiel: Wenn Ihre App der Version 1.0.0 steht und Sie diese auf 1.0.1 (eine Patchesversion) aktualisieren möchten, wird Capgo diese Aktualisierung automatisch anwenden. Allerdings erfordert eine Aktualisierung von 1.0.0 auf 2.0.0 (eine Hauptversion) eine native App-Store-Veröffentlichung, da dies auf Änderungen mit Auswirkungen auf die Funktionalität hinweist.

Capgo’s Kanal-Einstellungen ermöglichen Ihnen, die Arten von Updates zu konfigurieren, die automatisch angewendet werden:

  • Hauptstrategie: Zulässt alle Updates (mit Vorsicht verwenden)
  • Minor-Strategie: Zulässt nur Minor- und Patch-Updates
  • Patch-Strategie: Erstellt nur Patch-Updates
  • Metadaten-Strategie: Erfordert, dass die Mindestversionserfordernisse erfüllt sind

Sie können mit Capgo’s Update-Logic verschiedene Versionenkombinationen testen, indem Sie unser Semver-Tester-Tool verwenden. Dieses Tool hilft Ihnen, genau zu verstehen, wann Updates auf der Grundlage Ihrer Kanal-Konfiguration angewendet werden werden.

Gibt es Einschränkungen?

Wie gut es auch klingen mag, es gibt ein paar Dinge, die wir im Auge behalten müssen. Das erste ist, dass OTA-Updates. 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.

Sie denken vielleicht, dass dies nicht wirklich ein großes Limitierung ist, weil wir in __CAPGO_KEEP_0__ JS fast alle __CAPGO_KEEP_1__ in JS, CSS und HTML schreiben. Während dies möglicherweise wahr ist, gibt es noch native Module, die wir in unsere App installieren..

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

hier für IOS

Automatische __CAPGO_KEEP_0__-Konfiguration

Befolgen Sie die CLI-Richtlinie

Aus einer Befehlszeile direkt in das Verzeichnis Ihrer Capacitor-Anwendung, führen Sie:

npx @capgo/cli@latest init Um die Capgo in Ihre Capacitor-Anwendung zu installieren, wird die CLI Ihnen durch den Prozess der Einrichtung Ihrer Anwendung mit Capgo führen.

Wenn Sie es manuell machen möchten, können Sie die folgenden Schritte befolgen.

Manuelle Capgo-Konfiguration

Installieren Sie das Plugin

Sie sollten mit dieser code in Ihrer Anwendung landen:

npm i @capgo/capacitor-updater && npx cap sync Um das Plugin in Ihre Capacitor-Anwendung zu installieren.

Und fügen Sie dann dieser code Ihrer Anwendung hinzu, um der native Plugin mitzuteilen, dass die JS-Bundle gesund ist (wenn Sie dies nicht tun, wird das native Plugin auf die vorherige Version zurückrollen):

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

CapacitorUpdater.notifyAppReady()

Dies wird dem native Plugin mitteilen, dass die Installation erfolgreich war.

Dann führen Sie ein npm run build && npx cap copy um Ihre Anwendung zu aktualisieren.

Anmelden bei Capgo CLOUD

Zunächst verwenden Sie den all apikey die in Ihrem Konto vorhanden ist, um sich mit der CLI: anzumelden

npx @capgo/cli@latest login YOU_KEY

Fügen Sie Ihre erste App

Lassen Sie uns mit der Erstellung einer App in Capgo Cloud beginnen, die mit der CLI erstellt wird

npx @capgo/cli@latest app add

Diese Kommandozeilenanweisung wird alle in der Capacitor Konfigurationsdatei definierten Variablen verwenden, um die App zu erstellen

Hochladen der ersten Version

Führen Sie den Befehl aus, um Ihre code zu erstellen und es an Capgo zu senden mit: npx @capgo/cli@latest bundle upload

Standardmäßig wird der Versionsname der im package.json Datei sein

Überprüfen Capgo wenn das Build vorhanden ist.

Sie können es sogar mit meiner mobilen Sandbox-App testen.

Machen Sie den Kanal standardmäßig

Nachdem Sie Ihre App an Capgo gesendet haben, müssen Sie Ihren Kanal default um Apps zu ermöglichen, Updates von Capgo zu empfangen.

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

Empfangen Sie ein Live-Update auf einem Gerät

Um Ihre Anwendung ein Live-Update von Deploy zu erhalten, müssen Sie die App auf einem Gerät oder einem Emulator ausführen. Der einfachste Weg, dies zu tun, besteht darin, einfach die folgende Kommandozeilenanweisung auszuführen, um Ihre lokale App in einem Emulator oder einem mit Ihrem Computer verbundenen Gerät zu starten.

npx cap run [ios | android]

Öffnen Sie die App, stellen Sie sie in den Hintergrund und öffnen Sie sie erneut, Sie sollten im Protokoll sehen, dass die App das Update durchgeführt hat.

Glückwunsch! 🎉 Sie haben Ihre erste Live-Update erfolgreich bereitgestellt. Dies ist nur der Anfang dessen, was Sie mit Live-Updates erreichen können. Um mehr zu erfahren, besuchen Sie die vollständigen Live-Updates-Dokumentation.

Wenn Sie die Aktualisierungen auf Ihrem lokalen System nicht mehr empfangen möchten, führen Sie diesen Befehl aus npx @capgo/cli@latest channel set

Fortsetzen Sie mit der Aktualisierung Ihrer Capacitor-Anwendungen ohne Unterbrechung, dank des Capacitor-Updaters

Wenn Sie Fortsetzen Sie mit der Aktualisierung Ihrer Capacitor-Anwendungen ohne Unterbrechung, dank des Capacitor-Updaters um die Migration und die Unternehmensoperationen zu planen und zu verbinden, wenden Sie sich an Capgo Enterprise für die Produktworkflow in Capgo Enterprise, Ionic Enterprise Plugin Alternativen für die Produktworkflow in Ionic Enterprise Plugin Alternativen, Capgo Alternativen für die Produktworkflow in Capgo Alternativen, Capgo Consulting für den Produktworkflow in Capgo Consulting und Capgo Premium Support für den Produktworkflow in Capgo Premium Support.

Live-Updates für Capacitor Apps

Wenn ein Web-Schicht-Bug live ist, liefern Sie die Reparatur über Capgo anstatt Tage zu warten, bis die App-Store-Zulassung vorliegt. Die Benutzer erhalten die Aktualisierung im Hintergrund, während native Änderungen im normalen Review-Prozess bleiben.

Los geht's

Neueste Beiträge aus unserem Blog

Capgo gibt Ihnen die besten Einblicke, die Sie benötigen, um eine wirklich professionelle mobile App zu erstellen.