Migrasi dari App Center ke Capgo

Ringkasan Migrasi

• Capgo Pelayanan ini membantu tim pengembangan mengirimkan aplikasi hidup ke aplikasi yang sudah diinstal.
• Capacitor Aplikasi JS yang ditulis dengan jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic, atau bahkan solusi kustom sendiri dapat di migrasi. Tidak diperlukan aplikasi Ionic yang sudah ada..
• Colt Menghadirkan layanan yang setara dengan App Center Build (membangun aplikasi Android/iOS). Untuk layanan Test, Diagnostics, dan Analytics.

Pesan

Jika aplikasi Anda masih menggunakan Cordova, maka perlu migrasi ke Capacitor terlebih dahulu sebelum melakukan migrasi ke Capgo.

Dibangun oleh tim Ionic sebagai pengganti spiritual Cordova, Capacitor memungkinkan pengembangan untuk bergerak lebih dekat dengan alat-alat native dan kemampuan dengan tujuan memberikan pengalaman pengguna yang lebih baik dan kinerja.

Alhamdulillah, proses migrasi sangat mudah dan sebagian besar plugin Cordova kompatibel mundur dengan Capacitor. Mulai migrasi di sini.

Tentang Capgo

Capgo mengelola pembaruan aplikasi secara waktu. Tim pengembang dapat fokus sepenuhnya pada fitur unik aplikasi dan mengalihkan proses pengiriman aplikasi yang rumit ke Capgo.

Capgo mengisi celah antara pengiriman web dan mobile.

Capgo Prasyarat

Seperti App Center, Capgo GitHub mendukung aplikasi yang dihosting di repositori Git pada Azure DevOps, Bitbucket, GitHub, dan GitLab.

Pasang Capgo CLI

catatan

Pastikan Anda memiliki Node dan NPM terinstal di komputer sebelum melanjutkan. Selalu gunakan Migrasi ke Versi LTS Saat Ini Capgo Jangan Gunakan Versi yang Lebih Tua.

Buat package.json dan Capacitor Konfigurasi File

Pesan

Sebelum Anda Mulai, Saya Sarankan Membuat Perubahan di Cabang Git Baru.

Karena Capgo was created to automate capacitor apps, it requires one file that your app may not have. First, create a capacitor.config.json HTML teks fragmen dari string Capgo UI yang lebih panjang (kunci induk `submitting_a_pr_to_capgo`). Halaman/area: Situs web pemasaran Capgo. Peran: Kalimat teks situs web. Dilihat di: halaman berkontribusi.astro. Simpan Capgo produk/merek dan istilah pengembang secara tepat. Kunci pesan `submitting_a_pr_to_capgo` (Mengirimkan PR ke Capgo).

npm install @capacitor/core

Then, initialize Capacitor using the CLI questionnaire:

npx cap init

The CLI will ask you a few questions, starting with your app name, and the package ID you would like to use for your app.

Migrasi file baru ke proyek Anda:

git add .git commit -m "added package json and capacitor config" && git push

Migrasikan Code

Sekarang Anda telah memiliki __CAPGO_KEEP_0__ yang diperlukan Capgo file-file baru Anda sudah siap, sekarang Anda bisa memfokuskan perhatian ke aplikasi itu sendiri. Migrasikan Capgo harus ada direktori yang bernama __CAPGO_KEEP_0__ dist.

Jika code Anda tidak berada di direktori, ubah nilai ini di file konfigurasi code. dist directory, change this value in the Capacitor config file.

Struktur Aplikasi

Konfigurasi Capgo

Ketika aplikasi Anda sudah siap untuk Capgo API 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

Capacitor

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

code

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

CapacitorUpdater.notifyAppReady()

__CAPGO_KEEP_0__

__CAPGO_KEEP_0__

__CAPGO_KEEP_1__ Capgo SDK Migrasi ke App Center dapat meningkatkan pengalaman pengguna Anda dengan memungkinkan Anda untuk mendengarkan saluran Deploy tertentu di aplikasi asli Anda. Ketika sebuah build web diberikan ke sebuah Saluran Tujuan, pembaruan tersebut akan di-deploy ke perangkat pengguna yang menjalankan biner yang dikonfigurasi untuk mendengarkan Saluran Tujuan yang ditentukan.

Masuk ke Capgo CLOUD

Pertama, gunakan all apikey untuk masuk dengan CLI:

npx @capgo/cli@latest login YOURKEY

Tambahkan aplikasi pertama Anda

Mari kita mulai dengan membuat aplikasi pertama di Capgo Cloud dengan CLI.

npx @capgo/cli@latest app add

Ini perintah akan menggunakan semua variabel yang didefinisikan di file konfigurasi Capacitor untuk membuat aplikasi.

Unggah bundle pertama Anda

Jalankan perintah untuk membuat code dan kirimkannya ke Capgo dengan:

npx @capgo/cli@latest bundle upload --channel production

Dengan default, nama versi akan menggunakan yang ada di package.json file.

Periksa masuk Capgo Jika build ada.

Anda bisa bahkan menguji dengan aplikasi sandbox mobile saya Buat aplikasi default saluran.

Setelah Anda telah mengirimkan aplikasi ke __CAPGO_KEEP_0__, Anda perlu membuat saluran Anda

untuk memungkinkan aplikasi menerima pembaruan dari Capgo. default to let apps receive updates from Capgo.

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

Tambahkan konfigurasi ini ke file JavaScript utama Anda.

Lalu lakukan

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

CapacitorUpdater.notifyAppReady()

Setelah Anda telah mengirimkan aplikasi ke __CAPGO_KEEP_0__, Anda perlu membuat saluran Anda untuk memungkinkan aplikasi menerima pembaruan dari __CAPGO_KEEP_0__. npm run build && npx cap copy Untuk memperbarui aplikasi Anda.

Menerima Pembaruan Langsung di Perangkat

Untuk memungkinkan aplikasi Anda menerima pembaruan langsung dari Deploy, Anda perlu menjalankan aplikasi pada perangkat atau emulator. Cara termudah untuk melakukannya adalah dengan menggunakan perintah berikut untuk meluncurkan aplikasi lokal Anda di emulator atau perangkat yang terhubung ke komputer Anda.

npx cap run [ios | android]

Buka aplikasi, letakkan di latar belakang, dan buka lagi, Anda harus melihat di log bahwa aplikasi melakukan pembaruan.

Selamat! 🎉 Anda telah berhasil mengirimkan pembaruan hidup pertama Anda. Ini hanya awal dari apa yang bisa Anda lakukan dengan Pembaruan Hidup. Untuk mengetahui lebih lanjut, lihat dokumentasi Pembaruan Hidup yang lengkap. Hapus Ketergantungan App Center.

Sekarang bahwa kami telah mengintegrasikan layanan __CAPGO_KEEP_0__, Anda harus menghapus referensi ke App Center. Selain menjadi praktik terbaik untuk menghapus layanan yang tidak digunakan __CAPGO_KEEP_1__, menghapus __CAPGO_KEEP_2__ akan mengurangi ukuran aplikasi Anda.

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.

Kemudian, buka

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

dan hapus nilai-nilai berikut. Mereka akan terlihat mirip dengan: config.xml __CAPGO_KEEP_0__ preference __CAPGO_KEEP_1__

    <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" />

Jika Anda menggunakan App Center Analytics di aplikasi Anda, hapuslah elemen-elemen berikut: preferences dan APPCENTER_ANALYTICS_ENABLE_IN_JS Hapuslah elemen-elemen berikut: APPCENTER_CRASHES_ALWAYS_SEND.

Hapus referensi ke CodePush di tag CSP di file ( <access /> Terakhir, di dalam aplikasi Anda, hapuslah referensi __CAPGO_KEEP_0__ ke layanan App Center, seperti

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

Langkah-Langkah Selanjutnya meta Anda telah beralih dari App Center ke __CAPGO_KEEP_0__, dengan menggunakan Live Updates. Ini hanya awal dari apa yang dapat Anda gunakan __CAPGO_KEEP_1__ untuk. Cari tahu fitur-fitur lainnya yang termasuk di dalam layanan ini, seperti Channel (berbagai lingkungan) dan override. Integrasi Cloud __CAPGO_KEEP_2__ menggunakan __CAPGO_KEEP_3__ di dalam platform CI/CD pilihan Anda (seperti __CAPGO_KEEP_4__ Action, GitLab, Jenkins, dan lain-lain). index.html Kirimkan update aplikasi secara otomatishttps://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();.

elements:

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 following elements:

Jika code Anda dihosting di GitHub, Anda dapat mengatur build dan rilis otomatis dalam beberapa langkah lagi, terima kasih kepada GitHub aksi.

Saya telah membuat artikel kedua untuk memungkinkan Anda melakukannya.

Kredit

Terima kasih banyak kepada Ionic, artikel ini berdasarkan artikel ini ditulis ulang dengan chat-gpt-3 dan disesuaikan.

Lanjutkan dari Migrating dari App Center ke Capgo

Jika Anda menggunakan Migrating dari App Center ke Capgo untuk merencanakan migrasi dan operasi bisnis, hubungkan dengan Capgo Bisnis untuk alur kerja produk di Capgo Bisnis Alternatif Plugin Bisnis Ionic untuk alur kerja produk di Alternatif Plugin Bisnis Ionic Capgo Alternatif untuk alur kerja produk di Capgo Alternatif Capgo Konsultasi untuk alur kerja produk di Capgo Konsultasi, dan Capgo Layanan Premium untuk alur kerja produk di Capgo Layanan Premium.