Migrating from App Center to Capgo

Riepilogo della Migrazione

• Capgo è un servizio che aiuta le squadre di sviluppo a inviare applicazioni live a applicazioni già distribuite.
• Capacitor Le applicazioni scritte in jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic o anche la propria soluzione personalizzata possono essere migrate..
• Non è richiesta un'app esistente di Ionic. Colt

offre servizi equivalenti per App Center Build (costruire applicazioni Android/iOS). Per i servizi Test, Diagnosi e Analisi.

Nota migrate to Capacitor migrare a Capgo

prima di migrare a Capacitor.

Fortunatamente, il processo di migrazione è facile e la maggior parte dei plugin di Cordova è compatibile con il passaggio all'indietro di Capacitor. Migrare qui.

Sul Capgo

Sul Capgo, gestisce l'aggiornamento degli app in tempo reale. Gli squadre di sviluppo possono concentrarsi completamente sulle caratteristiche uniche delle loro app e delegare il complesso processo di consegna dell'applicazione a Capgo.

Sul Capgo colma le lacune tra la consegna web e mobile.

Requisiti di Capgo

Come App Center Sul Capgo Sostiene le app ospitate nei repository Git su Azure DevOps, Bitbucket, GitHub, e GitLab.

Installare Capgo CLI

nota

Assicurati di avere Node e NPM installati sul tuo computer prima di procedere. Utilizza sempre il versione corrente LTS Capgo non utilizzare versioni precedenti.

Crea package.json e Capacitor i file di configurazione

nota

Prima di iniziare, ti consiglio di apportare modifiche su una nuova branch Git.

Poiché Capgo Fu creato per automatizzare l'capacitor degli app, richiede un file che il tuo app potrebbe non avere. In primo luogo, crea un capacitor.config.json file. La via più facile per crearlo è eseguire in radice del tuo app:

npm install @capacitor/core

Poi, inizializza l'Capacitor con il questionario CLI:

npx cap init

L'CLI ti chiederà alcune domande, iniziando con il nome del tuo app, e l'ID del pacchetto che desideri utilizzare per il tuo app.

Migrare infine i nuovi file nel tuo progetto:

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

Migrare il Code

Ora che hai i nuovi file richiesti Capgo i file in locale, puoi rivolgere la tua attenzione all'applicazione reale. Capgo se il tuo __CAPGO_KEEP_0__ costruito non è in una directory, modifica questo valore nel file di configurazione del __CAPGO_KEEP_0__. dist.

If your built code is not in a dist directory, change this value in the Capacitor config file.

Configurazione del __CAPGO_KEEP_0__

Capgo Configuration

Con il tuo app pronto per Capgo con il tuo app pronto per l'integrazione, è ora di iscriversi e ottenere la tua chiave API per caricare la tua prima versione! Inizia con l'iscrizione a un account API Una volta che sei loggato in Capgo, naviga alla pagina Account e clicca sulla chiave __CAPGO_KEEP_1__ , quindi clicca sul pulsante 'scrivi' per copiare la chiave nel tuo clipboard..

Installa il Capgo API

Install the Capgo SDK

Per installare il plugin nel tuo Capacitor app.

npm i @capgo/capacitor-updater && npx cap sync E poi aggiungi al tuo app questo Capacitor al posto di CodePush:

And then add to your app this code as replacement of CodePush one:

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

CapacitorUpdater.notifyAppReady()

Deploying Live Updates (Alternative a CodePush)

La funzione di aggiornamento in tempo reale funziona utilizzando l'installato

La funzione di aggiornamento in tempo reale funziona utilizzando l'installato __CAPGO_KEEP_0__ Capgo SDK inserisci il tuo'applicazione nativa per ascoltare un particolare destinazione del canale di distribuzione. Quando un build web viene assegnato a una destinazione del canale di distribuzione, quella versione sarà distribuita ai dispositivi dei clienti che eseguono i binari configurati per ascoltare la destinazione del canale di distribuzione specificata.

Accedi a Capgo CLOUD

Prima, utilizza il all chiave API presente nel tuo account per accedere con il CLI:

npx @capgo/cli@latest login YOURKEY

Aggiungi la tua prima app

Iniziamo creando l'app in Capgo Cloud con il CLI.

npx @capgo/cli@latest app add

Questo comando utilizzerà tutte le variabili definite nel file di configurazione Capacitor per creare l'app.

Carica la tua prima bundle

Esegui il comando per costruire il tuo code e inviarlo a Capgo con:

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

Di default, il nome della versione sarà quello presente nel tuo package.json file.

Verifica in Capgo Se il build è presente.

Puoi anche testarlo con il mio app mobile di sandbox.

Imposta il canale predefinito

Dopo aver inviato il tuo app a Capgo, hai bisogno di impostare il tuo canale default per consentire agli app di ricevere aggiornamenti da Capgo.

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

Configura l'app per validare gli aggiornamenti

Aggiungi questa configurazione al tuo file JavaScript principale.

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

CapacitorUpdater.notifyAppReady()

Esegui quindi un npm run build && npx cap copy aggiornare l'applicazione.

Ricevi un aggiornamento in tempo reale su un dispositivo.

Perché il tuo applicativo riceva un aggiornamento in tempo reale da Deploy, dovrai eseguire l'applicazione su un dispositivo o un emulatore. La cosa più facile da fare è semplicemente utilizzare il seguente comando per avviare la tua app locale in un emulatore o un dispositivo collegato al tuo computer.

npx cap run [ios | android]

Aprite l'app, mettetela in background e apritela nuovamente, dovreste vedere nei log che l'app ha fatto l'aggiornamento.

Congratulazioni! 🎉 Hai avuto successo nel distribuire il tuo primo Aggiornamento in Tempo Reale. Questo è solo l'inizio di tutto ciò che puoi fare con gli Aggiornamenti in Tempo Reale. Per imparare di più, consulta il completo Documentazione degli Aggiornamenti in Tempo Reale.

Elimina le dipendenze di App Center

Ora che abbiamo integrato i servizi di Capgo, dovresti eliminare qualsiasi riferimento a App Center. Oltre ad essere una buona pratica eliminare i servizi non utilizzati code, eliminare SDK dovrebbe ridurre le dimensioni delle tue app.

Prima, apri un terminale e disinstalla i plugin di App Center:

    cordova plugin remove cordova-plugin-appcenter-analytics cordova-plugin-appcenter-crashes cordova-plugin-code-push

Successivamente, apri config.xml e elimina i seguenti preference valori. Saranno simili a:

    <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 eri utilizzavano App Center Analytics nell'app, rimuovete i seguenti preferences elementi: APPCENTER_ANALYTICS_ENABLE_IN_JS e APPCENTER_CRASHES_ALWAYS_SEND.

Rimuovete i seguenti <access /> elementi:

    <access origin="https://codepush.appcenter.ms" /><access origin="https://codepush.blob.core.windows.net" /><access origin="https://codepushupdates.azureedge.net" />

Rimuovere la riferimento a CodePush nella CSP meta tag nel index.html file (https://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 *" />

Finally, within your app, remove any code references to App Center services, such as codePush.sync();.

Passaggi successivi

Avete migrato da App Center a Capgo, utilizzando gli aggiornamenti in tempo reale. Questo è solo l'inizio di tutto ciò che potete fare con Capgo. Esplorate il resto delle funzionalità, tra cui Canale (ambienti multipli) e sovrascrittura. Integrazione Cloud CLI, utilizzate Capgo all'interno della vostra piattaforma CI/CD di scelta (ad esempio GitHub Action, GitLab, Jenkins e altro)

Invio di aggiornamenti automatici

Se il tuo code è ospitato su GitHub, puoi configurare la compilazione e la distribuzione automatica in pochi passaggi, grazie alle azioni di GitHub.

Ho scritto un secondo articolo per consentirti di farlo.

Crediti

Grazie moltissimo a Ionic, questo articolo si basa su questo articolo riescritto con chat-gpt-3 e adattato.

Continua da Migrare da App Center a Capgo

Se stai utilizzando Migrare da App Center a Capgo per pianificare la migrazione e le operazioni aziendali, connettilo con Capgo Enterprise per il flusso di lavoro del prodotto in Capgo Enterprise Alternative per plugin Enterprise di Ionic per il flusso di lavoro del prodotto in Alternative per plugin Enterprise di Ionic Capgo Alternative per il flusso di lavoro del prodotto in Capgo Alternative Capgo Consulenza per il flusso di lavoro del prodotto in Capgo Consulenza, e Capgo Supporto Premium per il flusso di lavoro del prodotto in Capgo Supporto Premium.