Riepilogo della Migrazione
- Capgo E' un servizio che aiuta le squadre di sviluppo a inviare applicazioni live a app già distribuite.
- Capacitor JS apps written in jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic or even your own custom solution can be migrated. Non è richiesta un'app esistente di Ionic..
- Colt offre servizi equivalenti per App Center Build (costruire app Android/iOS). Per i servizi Test, Diagnostics e Analytics.
Nota
Se la tua app sta ancora utilizzando Cordova, è necessario migrate to Capacitor Prima di migrare a Capgo.
Costruito dal team Ionic come successore spirituale a Cordova, Capacitor consente lo sviluppo di avvicinarsi alle attrezzature native e alle funzionalità con l'obiettivo di fornire un'esperienza utente ancora migliore e prestazioni.
Fortunatamente, il processo di migrazione è facile e la maggior parte dei plugin di Cordova è compatibile all'indietro con Capacitor. Inizia la migrazione qui.
About Capgo
Capgo, gestisce l'aggiornamento delle app nel tempo. I team di sviluppo possono concentrarsi completamente sulle funzionalità uniche dell'app e delegare il complesso processo di distribuzione dell'app a Capgo.
Capgo completa le lacune tra la consegna web e mobile.
Capgo Requisiti preliminari
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 la versione LTS attuale di NPM e non versioni più vecchie. Creare e configurare Capgo
nota package.json and Capacitor config files
Poiché __CAPGO_KEEP_0__
è stato creato per automatizzare __CAPGO_KEEP_0__
e richiede un file che il tuo app potrebbe non avere. In primo luogo, crea un file. La via più semplice per crearlo è quella di eseguire il comando seguente nella root del tuo app: Capgo Since capacitor was created to automate capacitor apps, it requires one file that your app may not have. First, create a file. The easiest way to create it is to run in the root of your app: capacitor.config.json note
npm install @capacitor/coreQuindi, inizializza Capacitor utilizzando il questionario CLI:
npx cap initCLI 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 Code
Ora che hai i nuovi file in posizione, puoi rivolgere la tua attenzione all'app stessa. Capgo __CAPGO_KEEP_0__ Capgo Se il tuo __CAPGO_KEEP_0__ compilato non è in una dist.
directory, modifica questo valore nel file di configurazione code. dist directory, change this value in the Capacitor config file.
Ecco come dovrebbe essere la struttura dei file dell'app:
Capgo Configurazione
Con il tuo app pronto per 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.
Install the Capgo SDK
Una volta che sei connesso a Capacitor, naviga alla pagina Account quindi clicca sulla chiave di __CAPGO_KEEP_1__ , quindi clicca sul pulsante 'scrivi' per copiare la chiave nel tuo clipboard.
npm i @capgo/capacitor-updater && npx cap sync
Installa il Capacitor __CAPGO_KEEP_1__
Dalla riga di comando, direttamente nella radice del tuo cartello di lavoro di code , esegui il seguente comando:
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()Per installare il plugin nel tuo __CAPGO_KEEP_0__ app. e poi aggiungi al tuo app questo __CAPGO_KEEP_0__ al posto di CodePush uno: Questo ti dirà al plugin nativo che l'installazione è riuscita.
Distribuzione di Aggiornamenti in Tempo Reale (Alternativa a CodePush)
Il feature degli Aggiornamenti in Tempo Reale funziona utilizzando l'installato Capgo SDK in la tua applicazione nativa per ascoltare una particolare destinazione del canale di distribuzione. Quando un build Web viene assegnato a una destinazione del canale di distribuzione, quel aggiornamento verrà distribuito ai dispositivi dei utenti che eseguono binari configurati per ascoltare la destinazione del canale di distribuzione specificata.
Accedi a Capgo CLOUD
In primo luogo, utilizza il 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
Eseguire 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 in Capgo se il build è presente.
Potresti anche testarlo con il mio applicazione sandbox mobile.
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 defaultConfigura l'app per la validazione degli aggiornamenti
Aggiungi questa configurazione al tuo file JavaScript principale.
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()E poi esegui un npm run build && npx cap copy per aggiornare il tuo app.
Ricevi un aggiornamento in tempo reale su un dispositivo.
Perché il tuo'applicazione riceva un aggiornamento in tempo reale da Deploy, dovrai eseguire l'app sul dispositivo o sull'emulatore. La cosa più facile da fare è semplicemente utilizzare il seguente comando per avviare l'app locale sull'emulatore o su un dispositivo collegato al tuo computer.
npx cap run [ios | android]Apri l'app, mettila in background e aprila nuovamente, dovresti 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-pushSuccessivamente, apri config.xml e rimuovi i seguenti preference valori. Assomiglieranno 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 hai utilizzato App Center Analytics nel tuo'app, rimuovi i seguenti preferences elementi: APPCENTER_ANALYTICS_ENABLE_IN_JS e APPCENTER_CRASHES_ALWAYS_SEND.
Rimuovi i seguenti <access /> elementi:
<access origin="https://codepush.appcenter.ms" /><access origin="https://codepush.blob.core.windows.net" /><access origin="https://codepushupdates.azureedge.net" />Rimuovi 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 le Aggiornamenti in Tempo Reale. Questo è solo l'inizio di tutto ciò che potete fare con Capgo. Esplorate il resto dei servizi inclusi Channel (ambienti multipli) e override. L'integrazione di Cloud CLI è disponibile, utilizzate Capgo all'interno della vostra piattaforma CI/CD di scelta (ad esempio GitHub Action, GitLab, Jenkins e altro ancora).
Invia automaticamente l'aggiornamento dell'app
Se il vostro code è ospitato su GitHub, potete configurare la costruzione e la distribuzione automatica in pochi passaggi, grazie alle azioni di GitHub.
Ho scritto un secondo articolo per consentirvi di farlo.
Crediti
Grazie moltissimo a IonicQuesta guida è basata su Questa guida Riscritta con chat-gpt-3 e adattata.
Continuate da Migrare da App Center a Capgo
Se state utilizzando Migrating from App Center to Capgo per pianificare la migrazione e le operazioni aziendali, connettilo con Capgo Enterprise per il flusso di lavoro del prodotto in Capgo Enterprise, Alternativi per gli estensioni di Ionic Enterprise Per il flusso di lavoro del prodotto nelle alternative del plugin Enterprise Ionic. Capgo Alternative soluzioni per il flusso di lavoro del prodotto in Capgo Alternative Consulenza Capgo per il workflow del prodotto in Capgo Consulting, e Capgo Supporto Premium Per il flusso di lavoro del prodotto in Capgo Supporto Premium.
