Zum Hauptinhalt springen
Anleitung

Aktualisieren Sie Ihre Capacitor-Anwendungen nahtlos mit dem Capacitor-Updater

Hallo Capacitor Ionic-Gemeinschaft, heute helfe ich Ihnen dabei, den Capacitor-Updater in Ihre App einzurichten. So können Sie Release ohne Unterbrechungen durchführen.

Artikelcredits

Martin Donadieu

Autoren

Valeria

Rezensent

Jordan

Redakteur

Aktualisieren Sie Ihre Capacitor-Anwendungen nahtlos mit dem Capacitor-Updater

Was ist Capacitor-Updater?

Capacitor-Updater, eine Technologie, die die Lieferung von App-Updates und -Verbesserungen an die Endnutzer sofort ermöglicht.

Dies 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 von Seitenladungen von Updates alsbald nach Verfügbarkeit vorstellen.

Darüber hinaus bietet es Rollbacks, wenn das neue Update den App-Start verhindert.

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 die App-Store-Bewertung zu investieren.

Mehr darüber lesen Sie hier.

Verständnis von Semantischen Versionen mit Capgo

Capgo verwendet semantische Versionierung (semver), um zu bestimmen, wann und wie Updates auf Ihre App angewendet werden sollten. Dies sichert sicher, dass Ihre Benutzer nur kompatible Updates erhalten und verhindert, dass automatisch deployierte Änderungen die App beschädigen.

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 und Sie möchten auf 1.0.1 (ein Patches-Update) aktualisieren, wird Capgo dieses Update automatisch anwenden. Allerdings benötigen Sie für eine Aktualisierung von 1.0.0 auf 2.0.0 kontext: Produktseite für Live-Updates. Rolle: Kurze UI-Bezeichnung oder Navigationselement. Nachrichten Schlüssel `live_update_dynamic_label_to` (Live-Update-Dynamische Bezeichnung zu).

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

  • Großstrategie: Zulässt alle Updates (mit Vorsicht verwenden)
  • Kleinststrategie: Zulässt nur kleine und Patches-Updates
  • Patches-Strategie: Erstellt nur Patches-Updates
  • Metadaten-Strategie: Erfordert Mindestanforderungen an Versionen

Sie können testen, wie verschiedene Versionenkombinationen mit Capgo’s Update-Logik funktionieren, mit unserem Semver-Tester-Werkzeug. Dieses Werkzeug hilft Ihnen, genau zu verstehen, wann Updates aufgrund Ihrer Kanal-Konfiguration angewendet werden.

Gibt es Einschränkungen?

So klingt es zwar gut, aber es gibt ein paar Dinge, die wir im Auge behalten müssen. OTA-Updates funktionieren nur mit Web-Bundles.Sie denken vielleicht, dass dies nicht wirklich eine große Einschränkung ist, weil wir in Capacitor JS fast alle code in JS, CSS und HTML schreiben.

Während dies wahr sein mag, gibt es noch native Module, die wir in unsere App installieren. Wenn ein Modul Ihre Android- oder iOS-Verzeichnisse ändert, können Sie OTA nicht verwenden, um Ihre App zu aktualisieren..

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

Auto-Konfiguration

Es ist Zeit, sich anzumelden und Ihre __CAPGO_KEEP_0__-Schlüssel zu erhalten, um Ihre erste Version hochzuladen! Beginnen Sie damit, sich für ein __CAPGO_KEEP_0__-Konto anzumelden, dann werden Sie auf die Onboarding-Seite weitergeleitet, um Ihre erste App hinzuzufügen.

Folgen Sie den CLI-Richtlinien

Aus einer Befehlszeile direkt in das Verzeichnis Ihrer Capacitor-Anwendung ausführen:

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

Wenn Sie es manuell tun 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 zu 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ückgerollt):

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 aus, um Ihre Anwendung zu aktualisieren.

Anmelden bei Capgo CLOUD

Zunächst verwenden Sie den all apikey mit Ihrem Account anmelden, indem Sie den CLI verwenden:

npx @capgo/cli@latest login YOU_KEY

Hinzufügen Ihrer ersten App

Beginnen wir mit der Erstellung einer App in Capgo Cloud mit der CLI.

npx @capgo/cli@latest app add

Diese Kommandozeilenanweisung verwendet alle in der Capacitor Konfigurationsdatei definierten Variablen, um die App zu erstellen.

Hochladen Ihrer ersten Version

Laufen Sie die Kommandozeilenanweisung aus, um Ihre code zu erstellen und sie an Capgo zu senden mit: npx @capgo/cli@latest bundle upload

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

Überprüfen Sie in Capgo wenn das Build vorhanden ist

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

Machen Sie den Kanal standardmäßig

Nachdem Sie Ihr App an Capgo gesendet haben, müssen Sie Ihren Kanal default um Apps Updates von Capgo zu erhalten.

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 erfolgreich Ihre erste Live-Update veröffentlicht. 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 Aktualisierung auf Ihrem lokalen System stoppen müssen, führen Sie diesen Befehl aus. npx @capgo/cli@latest channel set

Fortsetzen Sie mit der Aktualisierung Ihrer Capacitor-Anwendungen ohne Unterbrechung mithilfe von Capacitor-updater.

Wenn Sie __CAPGO_KEEP_0__ verwenden Aktualisieren Sie Ihre Capacitor-Anwendungen ohne Unterbrechung mithilfe von Capacitor-updater. Um die Migration und die Unternehmensoperationen zu planen, verbinden Sie es mit Capgo Enterprise für den Produktworkflow in Capgo Enterprise Ionic Enterprise Plugin Alternativen für den Produktworkflow in Ionic Enterprise Plugin Alternativen Capgo Alternativen für den Produktworkflow in Capgo Alternativen Capgo Consulting zur Produktworkflow in Capgo Consulting, und Capgo Premium Support zur Produktworkflow in Capgo Premium Support.

Live-Updates für Capacitor-Anwendungen

Wenn ein Bug im Weblayer aktiv ist, liefern Sie die Reparatur über Capgo anstatt Tage für die Genehmigung durch das App-Store zu warten. Die Benutzer erhalten die Aktualisierung im Hintergrund, während native Änderungen im normalen Review-Prozess bleiben.

Unterstützung durch Martin

Los geht's jetzt

Neueste Nachrichten aus unserem Blog

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