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, Diagnostics e Analytics.

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 sono compatibili con il passaggio all'indietro di Capacitor. Migrare qui.

Sul Capgo

Sul Capgo, gestisce l'aggiornamento degli app nel tempo. I team di sviluppo possono concentrarsi completamente sulle funzionalità uniche dell'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.

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

Creare `package.json` e Capacitor file di configurazione

Nota

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

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

npm install @capacitor/core

Quindi, inizializza Capacitor utilizzando il CLI questionario:

npx cap init

CLI chiederà alcune domande, iniziando con il nome dell'applicazione e l'ID del pacchetto che desideri utilizzare per l'applicazione.

Infine, commetta 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 realtà, puoi rivolgere la nostra attenzione all'applicazione reale. Capgo aspetta l'intera app compilata all'interno di una directory chiamata dist.

Se il tuo code compilato non è in una directory, modifica questo valore nel file di configurazione del code. dist directory, change this value in the Capacitor config file.

Struttura dell'applicazione

Configurazione del __CAPGO_KEEP_0__

Capgo Configuration

Con il tuo app pronto per Capgo Ecco il momento 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 portapenne..

Installa il Capgo API

Install the Capgo SDK

Per installare il plugin nel tuo progetto Capacitor.

npm i @capgo/capacitor-updater && npx cap sync E poi aggiungi alla tua 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 migrazione da App Center Capgo SDK inserisci il tuo'applicazione nativa per ascoltare un canale di distribuzione specifico. Quando un build web viene assegnato a un canale di destinazione, quella versione sarà distribuita ai dispositivi dei clienti che eseguono i binari configurati per ascoltare il canale di destinazione specificato.

Prima, utilizza l' all apikey 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 il tuo primo 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.

Controlla in Capgo se il build è presente.

Puoi anche testarlo con il mio applicazione sandbox mobile.

Imposta il canale predefinito

Dopo aver inviato il tuo app a Capgo, devi 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()

Poi fai un npm run build && npx cap copy aggiornare l'applicazione.

Ricevi un aggiornamento in tempo reale su un dispositivo.

Perché la tua applicazione riceva un aggiornamento in tempo reale da Deploy, dovrai eseguire l'applicazione su un dispositivo o un emulatore. Il modo più facile per farlo è 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 la documentazione completa degli Rimuovi le dipendenze di App Center..

Ora che abbiamo integrato i servizi di __CAPGO_KEEP_0, dovresti rimuovere qualsiasi riferimento a App Center. Oltre ad essere una buona pratica rimuovere le dipendenze non utilizzate CAPGO_KEEP_1/servizi, la rimozione di CAPGO_KEEP_2__ dovrebbe ridurre le dimensioni delle tue app.

Now that we’ve integrated Capgo’s services, you should remove any references to App Center. Besides being a best practice to remove unused code/services, removing the SDK should reduce the size of your apps.

Successivamente, apri

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

E rimuovi i seguenti config.xml valori. Saranno simili a: preference aggiornamento in tempo reale

    <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 elementi: preferences elementi: APPCENTER_ANALYTICS_ENABLE_IN_JS e APPCENTER_CRASHES_ALWAYS_SEND.

Rimuovete i seguenti elementi: <access /> elementi:

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

Rimuova la riferimento a CodePush nella CSP tag nel file ( meta Infine, all'interno dell'app, rimuovete qualsiasi riferimento a servizi di App Center, come index.html Passaggi successivihttps://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 *" />

Avete migrato da App Center a code, utilizzando gli aggiornamenti in tempo reale. Questo è solo l'inizio di tutto ciò che potete fare con __CAPGO_KEEP_1__. Esplorate il resto delle funzionalità, tra cui il canale (più ambienti) e l'override. Integrazione Cloud __CAPGO_KEEP_2__, utilizzate __CAPGO_KEEP_3__ all'interno della vostra piattaforma CI/CD di scelta (ad esempio __CAPGO_KEEP_4__ Action, GitLab, Jenkins e altro ancora). codePush.sync();.

Invio automatico dell'aggiornamento dell'app

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

Remove the reference to CodePush in the CSP tag in the file (

Se il tuo code è ospitato su GitHub, puoi configurare la compilazione e la rilascio automatico 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.