Vom App Center zu Capgo

Migrationsübersicht

• Capgo ist ein Dienst, der Entwicklerteams hilft, lebendige Apps an bereitgestellte Apps zu senden.
• Capacitor Es werden Apps geschrieben in jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic oder sogar Ihre eigene Lösung 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 Analyse-Dienste.

Hinweis migrate to Capacitor zuerst auf Capgo zu migrieren

bevor Sie auf Capacitor migrieren können.

Glücklicherweise ist der Migrationsprozess einfach und die meisten Cordova-Plugins sind rückwärtskompatibel mit Capacitor. 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 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 das 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/core

Then, initialize Capacitor using the CLI questionnaire:

npx cap init

Datei. Der einfachste Weg, sie zu erstellen, besteht darin, in der Wurzel Ihres Apps zu laufen: "bun add @capgo/cli". Dann initialisieren Sie CLI mithilfe des __CAPGO_KEEP_1__-Fragebogens: "capgo init". Die CLI wird Ihnen einige Fragen stellen, beginnend mit Ihrem App-Namen und der Paket-ID, die Sie für Ihre App verwenden möchten.

Migrations abschließen Sie die neuen Dateien in Ihrem Projekt:

git add .git commit -m "added package json and capacitor config" && git push

Migrieren Sie die Code

Nachdem Sie die neuen Anforderungen haben, können Sie sich auf das eigentliche App-Objekt konzentrieren. Capgo Die Dateien sind nun im Ort, können Sie sich auf das eigentliche App-Objekt konzentrieren. Capgo erwartet, dass die gesamte gebaute App in einem Verzeichnis mit dem Namen dist.

Wenn Ihr gebauter code nicht in einem Verzeichnis ist, ändern Sie diesen Wert im code-Konfigurationsdatei. dist directory, change this value in the Capacitor config file.

App-Struktur

Capgo-Konfiguration

Mit Ihrer App bereit für Capgo integration, it’s time to sign up, and get your API key to upload your first version! Begin by Capgo.

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 das Capgo SDK

Aus einer Befehlszeile direkt in das Verzeichnis Ihrer Capacitor-App, führen Sie den folgenden Befehl aus:

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

Und fügen Sie dann Ihrem App-Code diesen code als Ersatz für CodePush ein:

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

CapacitorUpdater.notifyAppReady()

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

Live-Updates bereitstellen (Alternative zu CodePush)

Die Live-Update-Funktion funktioniert, indem sie das installierte Capgo SDK in Ihrer native Anwendung, um auf einen bestimmten Deploy-Kanal-Ziel zuzuhören. Wenn ein Web-Build einem Kanal-Ziel zugewiesen wird, wird diese Aktualisierung auf Geräten mit laufenden Binärdateien bereitgestellt, die auf den angegebenen Kanal-Ziel lauschen.

Anmeldung bei Capgo CLOUD

Zuerst verwenden Sie den all apikey die in Ihrem Konto vorhanden ist, um sich mit dem CLI anzumelden:

npx @capgo/cli@latest login YOURKEY

Fügen Sie Ihre erste App hinzu

Lassen Sie uns mit der Erstellung der App in Capgo Cloud mit der CLI beginnen.

npx @capgo/cli@latest app add

Diese Anweisung wird alle Variablen verwenden, die in der Capacitor Konfigurationsdatei definiert sind, um die App zu erstellen.

Hochladen Ihrer ersten Bundle

Führen Sie den Befehl aus, um Ihre code zu erstellen und es an Capgo zu senden mit:

npx @capgo/cli@latest bundle upload --channel production

Standardmäß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 mobilen Sandbox-App.

Machen Sie den Kanal standardmäßig

Nachdem Sie Ihre 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

Konfigurieren 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 Um Ihre App zu aktualisieren.

Ein Live-Update auf einem Gerät erhalten

Damit Ihre Anwendung ein Live-Update von Deploy empfangen kann, 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.

Herzlichen Glückwunsch! Sie haben Ihre erste Live-Update erfolgreich deployt. 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

Als 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" />

If 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 Zukünftige 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 Dienstleistungen, einschließlich Kanal (Mehrere Umgebungen) und Überschreiben. Cloud __CAPGO_KEEP_2__-Integration, verwenden Sie __CAPGO_KEEP_3__ innerhalb Ihrer CI/CD-Plattform 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 einen zweiten Artikel erstellt, um Ihnen dies zu ermöglichen.

Credits

Vielen Dank an Ionic, basiert dieser Artikel auf diesem Artikel wurde mit chat-gpt-3 neu geschrieben und angepasst.

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. 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.