Migrationsübersicht
- Capgo ist ein Dienst, der Entwicklerteams dabei hilft, lebendige Apps an bereitgestellte Apps zu senden.
- Capacitor JS-Anwendungen, die in jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic oder sogar Ihre eigene Custom-Lösung geschrieben wurden, können migriert werden..
- Ein bestehendes Ionic-App ist nicht erforderlich. Colt
bietet äquivalente Dienste für App Center Build (Erstellung von Android- und iOS-Apps). Für Test-, Diagnose- und Analytics-Dienste.
Hinweis migrate to Capacitor zuerst auf Capgo zu migrieren.
Dann auf Capacitor zu migrieren.
Glücklicherweise ist der Migrationsprozess einfach und die meisten Cordova-Plugins sind mit Capacitor backwards kompatibel. Hier beginnen Sie mit der Migration.
Capgo
Capgo verarbeitet die Aktualisierung von Apps im Laufe der Zeit. Entwicklungsteams können sich voll und ganz auf die einzigartigen Funktionen ihrer App konzentrieren und den komplexen App-Delivery-Prozess an Capgo auslagern.
Capgo schließt die Lücken zwischen Web-Delivery und Mobil.
Capgo Voraussetzungen
Wie App Center auch Capgo GitHub unterstützt Apps, die in Git-Repositorys auf Azure DevOps, Bitbucket, GitHub, und GitLab gehostet sind.
Installieren Sie Capgo CLI
Hinweis
Sie benötigen Node und NPM auf Ihrem Computer installiert, bevor Sie fortfahren. Verwenden Sie immer aktuelle LTS-Version Capgo ältere Versionen nicht.
Erstellen package.json und Capacitor Konfigurationsdateien
Hinweis
Bevor Sie beginnen, empfehle ich Ihnen, Änderungen auf einer frischen Git-Branche vorzunehmen.
Da Capgo was created to automate capacitor apps, it requires one file that your app may not have. First, create a capacitor.config.json __CAPGO_KEEP_0__
npm install @capacitor/coreThen, initialize Capacitor using the CLI questionnaire:
npx cap initThe CLI will ask you a few questions, starting with your app name, and the package ID you would like to use for your app.
Migrieren Sie die __CAPGO_KEEP_0__
git add .git commit -m "added package json and capacitor config" && git pushJetzt, dass Sie die neuen erforderlichen Code
__CAPGO_KEEP_0__ in einem Verzeichnis Capgo ist nicht in einem Verzeichnis Ändern Sie diesen Wert im __CAPGO_KEEP_0__-Konfigurationsdatei Capgo Anwendungskonfiguration dist.
code-Konfiguration dist directory, change this value in the Capacitor config file.
Migrieren Sie die __CAPGO_KEEP_0__
Capgo Configuration
With deiner App bereit für Capgo Mit deiner App bereit für die Integration, ist es Zeit, dich anzumelden und deine API-Schlüssel zu erhalten, um deine erste Version hochzuladen! Beginne damit, dich für ein API-Konto anzumelden Einmal angemeldet, navigiere zur Kontoeinstellungen und klicke auf Capgo, dann klicke auf den __CAPGO_KEEP_1__-Schlüssel und klicke auf die Taste 'Schreiben', um ihn in die Zwischenablage zu kopieren.
Installiere das Capgo-API
Install the Capgo SDK
Um das Plugin in deine Capacitor-App zu installieren.
npm i @capgo/capacitor-updater && npx cap sync
Und füge dann zu deiner App diesen Capacitor als Ersatz für CodePush ein:
And then add to your app this code as replacement of CodePush one:
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()Live-Updates (Alternative zu CodePush)
Die Live-Update-Funktion funktioniert, indem sie das installierte
__CAPGO_KEEP_0__ Capgo SDK in Ihrer native Anwendung, um auf einen bestimmten Deploy-Kanal-Ziel zuzuhören. Wenn eine Web-Ausgabe einem Kanal-Ziel zugewiesen wird, wird diese Aktualisierung auf Geräten mit laufenden Binärdateien ausgeführt, die auf das angegebene Kanal-Ziel eingestellt sind.
Anmelden bei Capgo CLOUD
Zuerst verwenden Sie den all apikey der in Ihrem Konto vorhanden ist, um sich mit dem CLI anzumelden:
npx @capgo/cli@latest login YOURKEYFügen Sie Ihre erste App hinzu
Lassen Sie uns damit beginnen, indem wir die App in Capgo Cloud mit der CLI erstellen.
npx @capgo/cli@latest app add
Diese Anweisung wird alle in der Capacitor Konfigurationsdatei definierten Variablen verwenden, um die App zu erstellen.
Hochladen Ihrer ersten Bundle
Führen Sie die Anweisung aus, um Ihre code zu erstellen und sie an Capgo zu senden:
npx @capgo/cli@latest bundle upload --channel productionStandardmäßig wird der Versionsname der in Ihrem package.json Datei.
Überprüfen Sie Capgo Wenn das Build vorhanden ist.
Sie können es sogar mit meinem mobil-fähigen 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 defaultKonfigurieren Sie die App, um Updates zu validieren
Fügen Sie diese Konfiguration in Ihr Haupt-JavaScript-File hinzu.
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()Dann führen Sie einen npm run build && npx cap copy Ihre App aktualisieren.
Ein Live-Update auf einem Gerät erhalten
Um sicherzustellen, dass Ihre App ein Live-Update von Deploy erhält, müssen Sie die App auf einem Gerät oder einem Emulator ausführen. Der einfachste Weg, dies zu tun, besteht darin, 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 aktualisiert wurde.
Glückwunsch! Sie haben Ihre erste Live-Update erfolgreich implementiert. 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.
App Center-Abhängigkeiten entfernen
Da wir nun die Dienste von Capgo integriert haben, sollten Sie alle Verweise auf App Center entfernen. Neben der Praxis, unnötige code/Dienste zu entfernen, sollte die Entfernung der SDK die Größe Ihrer Apps reduzieren.
Zuerst öffnen Sie ein Terminal und deinstallieren Sie die App Center-Plugins:
cordova plugin remove cordova-plugin-appcenter-analytics cordova-plugin-appcenter-crashes cordova-plugin-code-pushAls nächstes öffnen Sie config.xml und entfernen Sie die folgenden preference Werte. Sie werden ähnlich aussehen wie:
<preference name="APP_SECRET" value="0000-0000-0000-0000-000000000000" /><preference name="CodePushDeploymentKey" value="YOUR-ANDROID-DEPLOYMENT-KEY" /><preference name="CodePushPublicKey" value="YOUR-PUBLIC-KEY" />Wenn Sie App Center Analytics in Ihrer App verwendet haben, entfernen Sie die folgenden Elemente: preferences Elemente: APPCENTER_ANALYTICS_ENABLE_IN_JS und APPCENTER_CRASHES_ALWAYS_SEND.
Entfernen Sie die folgenden Elemente: <access /> Elemente:
<access origin="https://codepush.appcenter.ms" /><access origin="https://codepush.blob.core.windows.net" /><access origin="https://codepushupdates.azureedge.net" />Entfernen Sie die Referenz auf CodePush in der CSP-Tags in dem Datei ( meta Schließlich entfernen Sie innerhalb Ihrer App alle __CAPGO_KEEP_0__-Referenzen auf App Center-Dienste, wie z.B. index.html Nächste Schrittehttps://codepush.appcenter.ms):
<meta http-equiv="Content-Security-Policy" content="default-src https://codepush.appcenter.ms 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *" />Sie haben sich von App Center auf code migriert und nutzen die Live-Updates. Dies ist nur der Anfang dessen, was Sie mit __CAPGO_KEEP_1__ tun können. Entdecken Sie die restlichen Dienstfunktionen, einschließlich Kanal (Mehrere Umgebungen) und Überschreiben. Cloud __CAPGO_KEEP_2__-Integration, verwenden Sie __CAPGO_KEEP_3__ innerhalb Ihres CI/CD-Plattformen Ihrer Wahl (z.B. __CAPGO_KEEP_4__-Action, GitLab, Jenkins und mehr). codePush.sync();.
Automatische App-Update-Übermittlung
You’ve migrated from App Center to Capgo, utilizing the Live Updates. This is just the beginning of what you can use Capgo for. Explore the rest of the service includes Channel (multiple environments) and override. Cloud CLI integration, use Capgo inside your CI/CD platform of choice (such as GitHub Action, GitLab, Jenkins, and more).
Automatic send app update
Wenn Ihr code auf GitHub gehostet ist, können Sie die automatische Build- und Release-Verarbeitung in wenigen Schritten einrichten, dank GitHub-Aktionen.
Ich habe ein zweites Artikel erstellt, damit Sie dies tun können.
Credits
Vielen Dank an Ionic, dieser Artikel basiert auf diesem Artikel der mit chat-gpt-3 neu geschrieben und angepasst wurde.
Fahren Sie mit Migrating from App Center zu Capgo fort.
Wenn Sie Migrating from App Center zu __CAPGO_KEEP_0__ verwenden, um die Migration und die Unternehmensoperationen zu planen und zu verbinden, Migrating from App Center to Capgo ist nicht eindeutig, daher habe ich es entfernt. Wenn Sie den Text benötigen, lassen Sie es mich wissen. Capgo Enterprise für den Produktworkflow in Capgo Enterprise Ionische Enterprise-Plugin-Alternativen für den Produktworkflow in Ionische Enterprise-Plugin-Alternativen Capgo Alternativen für den Produktworkflow in Capgo Alternativen Capgo Beratung für den Produktworkflow in Capgo Beratung und Capgo Premium Support für den Produktworkflow in Capgo Premium Support.
