Migrasi dari App Center ke Capgo

Ringkasan Migrasi

• Capgo adalah layanan yang membantu tim pengembang mengirimkan aplikasi hidup ke aplikasi yang sudah di-deploy.
• Capacitor Aplikasi JS yang ditulis menggunakan jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic atau bahkan solusi kustom sendiri dapat di-migrasi. Tidak diperlukan aplikasi Ionic yang sudah ada..
• Colt menawarkan layanan yang setara untuk App Center Build (membangun aplikasi Android/iOS). Untuk layanan Test, Diagnostics, dan Analytics.

Catatan

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

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

Mengingatkan 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 pengembangan 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 Prerequisites

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

Pasang Capgo CLI

peringatan

Pastikan Anda memiliki Node dan NPM terinstal di komputer Anda sebelum melanjutkan. Selalu gunakan versi LTS saat ini Capgo jangan menggunakan versi yang lebih lama.

Buat package.json dan Capacitor file konfigurasi

peringatan

Sebelum Anda memulai, saya merekomendasikan membuat perubahan pada cabang Git yang baru.

Karena Capgo dibuat untuk mengotomatisasi capacitor aplikasi, maka itu memerlukan satu file yang mungkin tidak ada di aplikasi Anda. Pertama, buatlah capacitor.config.json file. Cara termudah untuk membuatnya adalah dengan menjalankan perintah

npm install @capacitor/core

Lalu, inisialisasikan Capacitor menggunakan kuesioner CLI:

npx cap init

Kuesioner CLI akan bertanya beberapa pertanyaan, mulai dari nama aplikasi Anda, dan ID paket yang Anda inginkan untuk digunakan oleh aplikasi Anda.

Akhirnya, komitkan file-file baru ke proyek Anda:

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

Migrasi ke Code

Sekarang bahwa Anda memiliki file-file yang diperlukan baru Capgo dalam tempat, Anda dapat memfokuskan perhatian ke aplikasi itu sendiri. Capgo diharapkan aplikasi yang dibangun untuk berada di dalam direktori bernama dist.

Jika aplikasi yang dibangun code Anda tidak berada di dalam dist direktori, ubah nilai ini di file konfigurasi Capacitor.

Berikut adalah struktur direktori aplikasi yang seharusnya seperti ini:

Capgo Konfigurasi

Dengan aplikasi Anda sudah siap untuk Capgo integrasi, saatnya untuk mendaftar, dan mendapatkan kunci API Anda untuk mengunggah versi pertama! Mulailah dengan mendaftar untuk akun Capgo.

Saat Anda sudah masuk ke Capgo, navigasikan ke halaman Akun kemudian klik pada kunci API , kemudian klik pada tombol ‘tulis’ untuk menyalinnya ke clipboard.

Pasang Capgo SDK

Dari command line, langsung ke root folder aplikasi Capacitor Anda, jalankan perintah berikut:

npm i @capgo/capacitor-updater && npx cap sync Untuk menginstal plugin ke aplikasi Capacitor Anda.

Dan kemudian tambahkan ke aplikasi Anda ini code sebagai pengganti CodePush satu:

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

CapacitorUpdater.notifyAppReady()

Ini akan memberitahu plugin native bahwa instalasi telah berhasil.

Mengunggah Perbarui Hidup (Alternatif CodePush)

Fitur Perbarui Hidup bekerja dengan menggunakan kunci yang telah diinstal Capgo SDK untuk mendengarkan saluran rilis tertentu. Ketika sebuah build web diberikan ke sebuah tujuan saluran, pembaruan tersebut akan di-deploy ke perangkat pengguna yang menjalankan biner yang dikonfigurasi untuk mendengarkan tujuan saluran yang ditentukan.

Login ke Capgo CLOUD

Pertama, gunakan all apikey yang ada di akun Anda untuk login dengan CLI:

npx @capgo/cli@latest login YOURKEY

Tambahkan aplikasi pertama

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

npx @capgo/cli@latest app add

Perintah ini akan menggunakan semua variabel yang ditentukan di file konfigurasi Capacitor untuk membuat aplikasi.

Unggah bundle pertama

Jalankan perintah untuk membuat code dan kirimkannya ke Capgo dengan:

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

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

Periksa masuk Capgo jika build ada.

Anda bahkan bisa menguji aplikasi seluler saya dengan aplikasi sandbox Buat channel default.

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

agar aplikasi dapat 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.

Lalu lakukan

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

CapacitorUpdater.notifyAppReady()

Konfigurasi aplikasi untuk memvalidasi pembaruan 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 di perangkat atau emulator. Cara termudah untuk melakukannya adalah dengan menggunakan perintah berikut untuk meluncurkan aplikasi lokal di emulator atau perangkat yang terhubung ke komputer Anda.

npx cap run [ios | android]

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

Selamat! 🎉 Anda telah berhasil mengdeploy pembaruan langsung pertama Anda. Ini hanya awal dari apa yang bisa Anda lakukan dengan Pembaruan Langsung. Untuk mengetahui lebih lanjut, lihat dokumen Pembaruan Langsung yang lengkap. Hapus Ketergantungan App Center.

Sekarang bahwa kami telah mengintegrasikan layanan __CAPGO_KEEP_0__’, Anda seharusnya menghapus referensi ke App Center. Selain menjadi praktik terbaik untuk menghapus layanan yang tidak digunakan __CAPGO_KEEP_1__’, menghapus __CAPGO_KEEP_2__’ juga dapat 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 Hapus Nilai App Center preference Hapus Nilai App Center

    <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 hal-hal berikut preferences elements: APPCENTER_ANALYTICS_ENABLE_IN_JS dan APPCENTER_CRASHES_ALWAYS_SEND.

Hapuslah hal-hal berikut <access /> elements:

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

Hapus referensi CodePush di CSP meta tag di file ( index.html Akhirnya, di dalam aplikasi Anda, hapuslah referensi __CAPGO_KEEP_0__ ke layanan App Center, sepertihttps://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();.

Anda telah beralih dari App Center ke __CAPGO_KEEP_0__, menggunakan Live Updates. Ini hanya awal dari apa yang dapat Anda gunakan __CAPGO_KEEP_1__ untuk. Eksplorasi layanan lainnya yang termasuk Channel (berbagai lingkungan) dan override. Integrasi Cloud __CAPGO_KEEP_2__ , gunakan __CAPGO_KEEP_3__ di dalam platform CI/CD pilihan Anda (seperti __CAPGO_KEEP_4__ Action, GitLab, Jenkins, dan lain-lain).

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:

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

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, hubungkannya Enterprise Capgo Untuk alur kerja produk di Enterprise Capgo, Alternatif Plugin Enterprise Ionic Untuk alur kerja produk di Alternatif Plugin Enterprise Ionic, Alternatif Capgo Untuk alur kerja produk di Alternatif Capgo, Konsultasi Capgo Untuk alur kerja produk di Konsultasi Capgo, dan Dukungan Premium Capgo Untuk alur kerja produk di Dukungan Premium Capgo.