Zusammenfassung der Migration
- Capgo ein Dienst, der Entwicklerteams dabei hilft, lebendige Apps an bereitgestellte Apps zu senden.
- Capacitor JavaScript-Anwendungen, die in jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic oder sogar Ihrer eigenen Lösung geschrieben sind, 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) sowie für Test-, Diagnose- und Analyse-Dienste.
Hinweis
Wenn Ihre App noch Cordova verwendet, ist es notwendig, migrieren Sie zu Capacitor migrieren Sie zu Capgo vorher.
Capacitor wurde von der Ionic-Team als spiritueller Nachfolger von Cordova entwickelt, um die Entwicklung nahe an die nativen Werkzeuge und -funktionen zu bringen, um ein noch besseres Benutzererlebnis und eine bessere Leistung zu erreichen.
Glücklicherweise ist der Migrationsprozess einfach und die meisten Cordova-Plugins sind mit Capacitor backwards kompatibel. Hier beginnen Sie mit der Migration.
Über Capgo
Capgo übernimmt 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 werden.
Installieren Sie Capgo CLI
Anmerkung
Haben Sie Node und NPM auf Ihrem Computer installiert, bevor Sie fortfahren. Verwenden Sie immer die aktuelle LTS-Version Capgo verwenden Sie keine älteren Versionen.
Erstellen package.json und Capacitor Konfigurationsdateien
Anmerkung
Bevor Sie beginnen, empfehle ich Ihnen, Änderungen auf einer frischen Git-Branch aufzunehmen.
Da Capgo was created to automate capacitor apps, it requires one file that your app may not have. First, create a capacitor.config.json Datei. Der einfachste Weg, sie zu erstellen, ist, in der Wurzel Ihres Apps zu gehen:
npm install @capacitor/coreDann initialisieren Sie Capacitor mithilfe des CLI Fragebogens:
npx cap initDer CLI wird Ihnen einige Fragen stellen, beginnend mit dem Namen Ihrer App und der Paket-ID, die Sie für Ihre App verwenden möchten.
Schließlich müssen Sie die neuen Dateien in Ihrem Projekt committen:
git add .git commit -m "added package json and capacitor config" && git pushDie Code migrieren
Nun, da Sie die neuen erforderlichen Capgo Dateien sind im Ort, Sie können Ihre Aufmerksamkeit auf das eigentliche App selbst richten. Capgo erwartet, dass die gesamte gebaute App innerhalb eines Verzeichnisses mit dem Namen dist.
Wenn Ihr gebauter code nicht in einem dist Wenn Ihre gebaute Capacitor nicht in einem
Hier ist, wie die Verzeichnisstruktur der App aussehen sollte:
Capgo Konfiguration
Mit Ihrer App bereit für Capgo integration, es ist Zeit sich anzumelden und Ihre API-Schlüssel zu erhalten, um Ihre erste Version hochzuladen! Beginnen Sie damit Installieren Sie das Capgo-__CAPGO_KEEP_1__.
Once you’re logged into Capgo, navigate to the Account page then click on API key, then click on the ‘write’ key to copy it to your clipboard.
Installieren Sie die Capgo SDK
Aus einer Befehlszeile heraus, direkt in den Root Ihres Capacitor-App-Ordners, führen Sie den folgenden Befehl aus:
npm i @capgo/capacitor-updater && npx cap sync
Um die Erweiterung in Ihr Capacitor-App zu installieren.
Und fügen Sie dann Ihrem App diesen code als Ersatz für CodePush hinzu:
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()Dies wird dem native Plugin mitteilen, dass die Installation erfolgreich war.
Live-Updates bereitstellen (CodePush-Alternative)
Die Live Update-Funktion funktioniert, indem sie die installierte Die Capgo SDK In Ihrer native Anwendung verwenden Sie die __CAPGO_KEEP_0__-Funktion, um auf einen bestimmten Deploy-Kanal-Ziel zuzuhören. Wenn eine Web-Ausgabe einem Kanalziel zugewiesen wird, wird diese Aktualisierung auf Geräten mit laufenden Binärdateien bereitgestellt, die auf das angegebene Kanalziel lauschen.
Anmelden bei Capgo CLOUD
Zuerst verwenden Sie die all apikey die in Ihrem Konto vorliegt, um sich mit 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
Dieser Befehl wird alle in der Capacitor Konfigurationsdatei definierten Variablen verwenden, um die App zu erstellen.
Deine erste Bundle hochladen
Lauf den Befehl, um deine code zu bauen und es an Capgo zu senden mit:
npx @capgo/cli@latest bundle upload --channel productionStandardmäßig wird der Versionsname der sein, der in Ihrem package.json Datei sein.
Überprüfe in Capgo wenn das Build vorhanden ist.
Wenn das Build vorhanden ist. Du kannst es sogar mit meinem.
Mobil-Test-App
Nachdem Sie Ihr App bei Capgo hochgeladen haben, müssen Sie Ihren Kanal default Apps können Updates von Capgo erhalten.
npx @capgo/cli@latest channel set production -s defaultKonfiguriere App zur Überprüfung von Updates
Fügen Sie diese Konfiguration in Ihrem Haupt-JavaScript-File hinzu.
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()Dann machen Sie npm run build && npx cap copy aus, um Ihre App zu aktualisieren.
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, 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, legen Sie sie in den Hintergrund und öffnen Sie sie erneut, Sie sollten im Protokoll sehen, dass die App aktualisiert wurde.
Glückwunsch! 🎉 Sie haben erfolgreich Ihre erste Live Update 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.
Entfernen Sie Abhängigkeiten von App Center
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-pushÖffne config.xml und entfernen Sie die folgenden preference Werte. Sie werden ähnlich aussehen:
<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 preferences Elemente: APPCENTER_ANALYTICS_ENABLE_IN_JS und APPCENTER_CRASHES_ALWAYS_SEND.
Entfernen Sie die folgenden <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 im CSP meta Tag im index.html Tag in derhttps://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 *" />Schließlich entfernen Sie innerhalb Ihrer App alle code Verweise auf App Center-Dienste, wie z.B. codePush.sync();.
Nächste Schritte
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).
Automatische App-Update-Übermittlung
Wenn Ihr code auf GitHub gehostet ist, können Sie die automatischen Builds und Releases mit wenigen zusätzlichen Schritten einrichten, dank GitHub-Aktionen.
Bin bereits mit einem zweiten Artikel dabei, Ihnen dies zu ermöglichen.
Kredit
Vielen Dank an IonicDieser Artikel basiert auf Dieser Artikel Neu umgeschrieben mit chat-gpt-3 und angepasst.
Keep going from Migrating from App Center to Capgo
If Sie __CAPGO_KEEP_0__ verwenden Migrieren Sie von App Center zu Capgo zum Planen der Migration und der Unternehmensoperationen, verbinden Sie es mit Capgo Enterprise zur Produktworkflow in Capgo Enterprise Ionische Enterprise-Plugin-Alternativen für das Produktworkflow in Ionic Enterprise Plugin Alternativen, Capgo Alternativen zur Produktworkflow in Capgo Alternativen Capgo Beratung zur Produktworkflow in Capgo Consulting und Capgo Premium Support für das Produktworkflow in Capgo Premium Support.
