Riepilogo della Migrazione
- Capgo è 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'app esistente di Ionic..
- Colt offre servizi equivalenti per App Center Build (costruisci applicazioni Android/iOS). Per i servizi di Test, Diagnosi e Analisi.
Nota
Se la tua app sta ancora utilizzando Cordova, è necessario migrare a Capacitor prima di migrare a Capgo.
Sviluppato dal team di Ionic come successore spirituale a Cordova, Capacitor consente allo sviluppo di avvicinarsi alle tooling native e alle capacità con l'obiettivo di fornire un'esperienza utente e prestazioni ancora migliori.
Fortunatamente, il processo di migrazione è facile e la maggior parte dei plugin di Cordova è compatibile con Capacitor in modo retrocompatibile. Inizia a migrare qui.
Su Capgo
Capgo, gestisce l'aggiornamento delle app nel tempo. Gli squadre di sviluppo possono concentrarsi completamente sulle funzionalità 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
Prima di procedere, assicurati di avere Node e NPM installati sul tuo computer, che sono necessari. 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 branca Git.
Dal momento che Capgo è stato creato per automatizzare 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/corePoi, inizializza Capacitor utilizzando il CLI questionario:
npx cap initIl CLI ti chiederà alcune domande, iniziando con il 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 pushMigrare il Code
Ora che hai i nuovi file richiesti in posizione, puoi rivolgere la tua attenzione all'applicazione reale. 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 dei directory dell'applicazione: dist.
If your built code is not in a dist Configurazione del Capacitor
aspetta che l'intera app costruita sia all'interno di una directory chiamata
Capgo Configuration
With il tuo app pronto per l'integrazione, è ora di iscriversi e ottenere la tua chiave __CAPGO_KEEP_0__ per caricare la tua prima versione! Inizia con l'iscrizione a un account __CAPGO_KEEP_0__ sign up per un account Capgo Una volta che sei loggato in API, naviga alla pagina Account quindi clicca sulla __CAPGO_KEEP_1__ chiave, quindi clicca sul pulsante ‘write’ per copiarla nel tuo clipboard. Installare il 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.
Install the Capgo SDK
E poi aggiungi al tuo app questo Capacitor al posto di CodePush uno:
npm i @capgo/capacitor-updater && npx cap sync
To install the plugin into your Capacitor app.
And then add to your app this code as replacement of CodePush one:
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()La funzione di aggiornamento in tempo reale funziona utilizzando la chiave __CAPGO_KEEP_1__ installata
La funzione di aggiornamento in tempo reale funziona utilizzando la chiave installata
La funzione di aggiornamento in tempo reale funziona utilizzando la chiave installata Capgo SDK per ascoltare una 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 binari configurati per ascoltare la destinazione di distribuzione del canale specificata.
Accedi a Capgo CLOUD
In primo luogo, utilizza l' all apikey presente nel tuo account per accedere con il CLI:
npx @capgo/cli@latest login YOURKEYAggiungi 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 productionDi 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 defaultAggiungi questa configurazione al tuo file JavaScript principale.
Esegui quindi un'azione di controllo del codice con il comando 'bun run' e verifica se il tuo app funziona correttamente.
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()Esegui quindi un'azione di controllo del codice con il comando 'bun run' e verifica se il tuo app funziona correttamente. 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'applicazione, mettila in background e aprila nuovamente, dovresti vedere nei log che l'applicazione ha eseguito 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 documento 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 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-pushSuccessivamente, 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" />Se stavi utilizzando App Center Analytics nel tuo'app, elimina i seguenti elementi: preferences __CAPGO_KEEP_0__ APPCENTER_ANALYTICS_ENABLE_IN_JS e APPCENTER_CRASHES_ALWAYS_SEND.
Elimina i seguenti elementi: <access /> Elimina la riferimento a CodePush nella CSP
<access origin="https://codepush.appcenter.ms" /><access origin="https://codepush.blob.core.windows.net" /><access origin="https://codepushupdates.azureedge.net" />tag nel file ( meta Infine, all'interno del tuo'app, elimina qualsiasi riferimento a __CAPGO_KEEP_0__ alle servizi di App Center, come ad esempio 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 *" />Hai migrato da App Center a code, utilizzando gli aggiornamenti in tempo reale. Questo è solo l'inizio di tutto ciò che puoi utilizzare __CAPGO_KEEP_1__ per. Esplora il resto del servizio che include il canale (ambiente multipli) e l'override. Integrazione Cloud __CAPGO_KEEP_2__ utilizza __CAPGO_KEEP_3__ all'interno della tua piattaforma CI/CD di scelta (ad esempio __CAPGO_KEEP_4__ Action, GitLab, Jenkins, ecc.) codePush.sync();.
Invia automaticamente l'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).
and
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 Imprese di Ionic per il flusso di lavoro del prodotto in Alternative per Plugin di Imprese di Ionic, Alternative per Capgo per il flusso di lavoro del prodotto in Alternative per Capgo, 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.
