Migrating from App Center to Capgo

La migrazione di Capgo

• Capgo è 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 (costruisci 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 effettuare la migrazione verso 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 i vuoti tra la consegna web e la mobilità.

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 corrente di NPM e non versioni più vecchie. versione corrente Non utilizzare versioni più vecchie di Capgo.

Crea package.json e configura Capacitor

nota

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

Dal momento che Capgo è stato creato per automatizzare le capacitor degli app, richiede un file che la tua app potrebbe non avere. In primo luogo, crea un capacitor.config.json file. La via più semplice per crearlo è eseguire il comando seguente nella root del tuo progetto:

npm install @capacitor/core

Infine, inizializza Capacitor utilizzando il questionario CLI:

npx cap init

Il 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 push

Migrare il Code

Ora che hai i nuovi file richiesti per Capgo context:HTML testo frammento da una stringa Capgo UI più lunga (chiave genitore `submitting_a_pr_to_capgo`). Pagina/area: Sito web di marketing Capgo. Ruolo: frase di copertina del sito web. Visualizzato in: pagina contributing.astro. Preservare i termini di prodotto e marchio Capgo esattamente. Chiave messaggio `submitting_a_pr_to_capgo` (Submitting A Pr To Capgo). Capgo per __CAPGO_KEEP_0__ dist.

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

Se il tuo __CAPGO_KEEP_0__ compilato non è all'interno di una directory, modifica questo valore nel file di configurazione __CAPGO_KEEP_0__ .

Configurazione Capgo

Con l'app pronta per Capgo La configurazione di API è necessaria per l'integrazione, è ora il momento di iscriversi e ottenere la propria chiave Capgo per caricare la prima versione! Inizia con.

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.

Una volta che sei loggato in Capgo, naviga alla pagina Account e clicca sulla chiave SDK

From a command line, directly into the root of your Capacitor app folder, run the following command:

npm i @capgo/capacitor-updater && npx cap sync Installare il Capacitor __CAPGO_KEEP_1__

Dalla riga di comando, direttamente nella cartella root della tua app code, esegui il seguente comando:

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

CapacitorUpdater.notifyAppReady()

Per installare il plugin nella tua app __CAPGO_KEEP_0__.

Deploya Aggiornamenti in Tempo Reale (Alternativa a CodePush)

La funzione di Aggiornamento in Tempo Reale funziona utilizzando l'installato Capgo SDK nel tuo'applicazione nativa per ascoltare una particolare destinazione del canale di distribuzione. Quando viene assegnato un build Web a una destinazione del canale di distribuzione, quel aggiornamento verrà distribuito ai dispositivi dei clienti che eseguono binari configurati per ascoltare la destinazione del canale di distribuzione specificata.

Accedi a Capgo CLOUD

Prima, utilizza il 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 invialo 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 contesto

se il build è presente. Potresti anche testarlo con il mio.

applicazione sandbox mobile

After you have sent your app to Capgo, you need to make your channel default Dopo aver inviato il tuo app a Capgo, hai bisogno di impostare il tuo canale

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

per consentire agli app di ricevere aggiornamenti da __CAPGO_KEEP_0__.

Aggiungi questa configurazione al tuo file JavaScript principale.

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

CapacitorUpdater.notifyAppReady()

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 tuo dispositivo o su un emulatore. La cosa più facile da fare è semplicemente utilizzare il seguente comando per avviare la tua app locale su un emulatore o su un dispositivo collegato al tuo computer.

npx cap run [ios | android]

Apre 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-push

Successivamente, apri config.xml Elimina i seguenti elementi: preference Questi valori assomiglieranno:

    <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 stai utilizzando App Center Analytics nel tuo'app, elimina i seguenti elementi: preferences elementi: APPCENTER_ANALYTICS_ENABLE_IN_JS Elimina i seguenti elementi: APPCENTER_CRASHES_ALWAYS_SEND.

elementi: <access /> Elimina la riferimento a CodePush nella riga CSP del file (

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

Infine, all'interno della tua app, elimina qualsiasi riferimento a servizi di App Center, come ad esempio meta Passaggi successivi index.html Contesto: Pagina di marketing di Capgo. Ruolo: Etichetta di navigazione breve o elemento UI. Visualizzato in: pagina trust.astro. Chiave messaggio `and` (E).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();.

elementi:

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 che includono il Canale (ambienti multipli) e l'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).

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 questo articolo Riscritto con chat-gpt-3 e adattato.

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 Azienda per il flusso di lavoro del prodotto in Capgo Enterprise, Alternativi per gli estensioni di Ionic Enterprise Per il flusso di lavoro del prodotto in Alternative Plugin Enterprise Ionic. Capgo Alternatives per il flusso di lavoro del prodotto in Capgo Alternative Consulenza Capgo per il workflow del prodotto in Capgo Consulting, e Capgo Premium Support per il workflow del prodotto in Capgo Supporto Premium.