Migrare da App Center a Capgo

Riepilogo della migrazione

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

Offre servizi equivalenti per App Center Build (costruire applicazioni Android/iOS). Per i servizi di Test, Diagnostica 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 Capacitor. Inizia a migrare qui.

Informazioni su Capgo

Capgo, gestisce l'aggiornamento delle app nel tempo. I team di sviluppo possono concentrarsi completamente sulle caratteristiche uniche dell'app e delegare il complesso processo di consegna dell'app a Capgo.

Capgo completa le lacune tra la consegna web e mobile.

Requisiti di Capgo

Come App Center, Capgo supporta 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 più vecchie.

Crea `package.json` e Capacitor file di configurazione

nota

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

Dal momento che Capgo è stato creato per automatizzare le capacitor app, richiede un file che la tua app potrebbe non avere. In primo luogo, crea un capacitor.config.json file. La cosa più facile per crearlo è eseguire in radice dell'app:

npm install @capacitor/core

Poi, inizializza Capacitor utilizzando il CLI questionario:

npx cap init

Il CLI ti chiederà alcune domande, iniziando dal nome dell'app, e l'ID del pacchetto che desideri utilizzare per l'app.

Infine, commetta i nuovi file al 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 in posizione, puoi rivolgere la tua attenzione all'applicazione reale stessa. Il Capgo aspetta che l'intera app costruita sia all'interno di una directory chiamata Se il tuo Capgo costruito non è in una directory, modifica questo valore nel file di configurazione Capgo. Ecco cosa dovrebbe essere la struttura della directory dell'applicazione: dist.

If your built code is not in a dist Configurazione Capacitor

Capgo Configuration

Con il tuo app pronto per Capgo l'integrazione, è ora di iscriversi e ottenere la tua API chiave per caricare la prima versione! Inizia con iscriversi a un Capgo account.

Una volta che sei connesso a Capgo, naviga alla pagina Account quindi clicca sulla API chiave, quindi clicca sul pulsante ‘scrivi’ per copiarla nel portapenne.

Installa il Capgo SDK

Da una riga di comando, direttamente nella radice del tuo Capacitor app folder, esegui il seguente comando:

npm i @capgo/capacitor-updater && npx cap sync Per installare il plugin nel tuo Capacitor app.

E poi aggiungi alla tua app questo code al posto di CodePush uno:

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

CapacitorUpdater.notifyAppReady()

Ciò ti dirà al plugin nativo che l'installazione è riuscita.

L'aggiornamento in tempo reale (Alternative di CodePush)

Il feature di Aggiornamento in tempo reale funziona utilizzando la chiave installata Capgo SDK inserisci il tuo applicativo nativo per ascoltare un particolare destinazione di distribuzione del canale. Quando un build Web viene assegnato a una destinazione di distribuzione del canale, quella versione sarà distribuita ai dispositivi dei clienti che eseguono i binari configurati per ascoltare la destinazione di distribuzione del canale specificata.

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

Cominciamo a creare 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 l'elenco Capgo se il build è presente.

Puoi anche testarlo con la mia app sandbox mobile Imposta il canale predefinito.

Dopo aver inviato la tua app a __CAPGO_KEEP_0__, devi impostare il tuo canale

per consentire agli app di ricevere aggiornamenti da Capgo. default to let apps receive updates from Capgo.

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

Aggiungi questa configurazione al tuo file JavaScript principale.

Esegui quindi un'azione di controllo del ciclo di vita dell'applicazione

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

CapacitorUpdater.notifyAppReady()

Esegui quindi un'azione di controllo del ciclo di vita dell'applicazione npm run build && npx cap copy Aggiornare l'applicazione.

Ricevi un aggiornamento in tempo reale su un dispositivo.

Perché il tuo'applicazione 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 l'applicazione locale in un emulatore o un dispositivo collegato al tuo computer.

npx cap run [ios | android]

Apri l'app, mettila in background e aprila di nuovo, dovresti vedere nei log che l'app ha fatto l'aggiornamento.

Congratulazioni! 🎉 Hai eseguito con successo 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 sugli 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 le code/servizi non utilizzati, eliminare i 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 utilizzava App Center Analytics nel tuo app, elimina i seguenti elementi: preferences elements: APPCENTER_ANALYTICS_ENABLE_IN_JS e APPCENTER_CRASHES_ALWAYS_SEND.

Elimina i seguenti elementi: <access /> elements:

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

Elimina la riferimento a CodePush nel CSP meta tag nel file ( index.html Infine, all'interno del tuo app, elimina qualsiasi riferimento a __CAPGO_KEEP_0__ alle App Center services, come ad esempiohttps://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();.

Hai migrato da App Center a __CAPGO_KEEP_0, utilizzando gli aggiornamenti in tempo reale. Questo è solo l'inizio di cosa puoi fare con CAPGO_KEEP_1. Esplora il resto del servizio che include il canale (ambiente multipli) e l'override. Cloud CAPGO_KEEP_2 integrazione, utilizza CAPGO_KEEP_3 all'interno della tua piattaforma CI/CD di scelta (come ad esempio CAPGO_KEEP_4__ Action, GitLab, Jenkins, ecc.)

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

elements:

If il tuo code è ospitato su GitHub, puoi configurare la compilazione e la rilascio automatico in pochi passaggi, grazie alle GitHub azioni.

Ho scritto un secondo articolo per consentirtelo di farlo.

Crediti

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

Continua da Migrating from App Center to Capgo

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