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 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 menghandle pembaruan aplikasi secara waktu. Tim pengembangan dapat fokus sepenuhnya pada fitur unik aplikasi dan mengutamakan proses pengiriman aplikasi yang rumit ke Capgo.
Capgo mengisi celah antara pengiriman web dan mobile.
Capgo Prasyarat
Seperti App Center, Capgo Mendukung aplikasi yang dihosting di repositori Git pada Azure DevOps, Bitbucket, GitHub, dan GitLab.
Pasang Capgo CLI
catatan
Sebelum melanjutkan, pastikan Anda telah menginstal Node dan NPM di komputer Anda, Anda memerlukan. versi LTS saat ini Capgo jangan 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 ia memerlukan satu file yang mungkin tidak ada di aplikasi Anda. Pertama, buatlah sebuah capacitor.config.json file. Cara termudah untuk membuatnya adalah dengan menjalankan perintah ini di root aplikasi Anda:
npm install @capacitor/coreKemudian, inisialisasi Capacitor menggunakan kuesioner CLI :
npx cap initCLI akan menanyakan beberapa pertanyaan, mulai dari nama aplikasi Anda, dan ID paket yang Anda inginkan untuk aplikasi Anda.
Akhirnya, komitkan file-file baru ke proyek Anda:
git add .git commit -m "added package json and capacitor config" && git pushMigrasi ke Code
Sekarang bahwa Anda memiliki file-file yang diperlukan baru Capgo dalam tempat, Anda dapat memfokuskan perhatian ke aplikasi itu sendiri. Capgo mengharapkan aplikasi yang dibangun secara keseluruhan untuk berada di dalam direktori bernama dist.
Jika aplikasi code yang dibangun Anda tidak berada di dalam direktori, ubah nilai ini di file konfigurasi code. dist directory, change this value in the Capacitor config file.
Struktur Aplikasi
Konfigurasi Capgo
With 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.
Instal 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.
Pengunggahan Update Hidup (Alternatif CodePush)
Fungsi Live Update bekerja dengan menggunakan kunci yang telah diinstal Capgo SDK untuk mendengarkan saluran Deploy Tujuan tertentu. Ketika sebuah build Web ditugaskan ke Tujuan Saluran, pembaruan tersebut akan di-deploy ke perangkat pengguna yang menjalankan biner yang dikonfigurasi untuk mendengarkan Saluran Tujuan yang ditentukan.
Login ke Capgo CLOUD
Pertama, gunakan all apikey yang ada di akun Anda untuk masuk dengan CLI:
npx @capgo/cli@latest login YOURKEYTambahkan 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 didefinisikan 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 productionDengan default, nama versi akan menjadi yang ada di Anda package.json file.
Periksa masuk Capgo jika build ada.
Anda bahkan bisa menguji aplikasi mobile saya dengan aplikasi sandbox Buat saluran default.
Setelah Anda telah mengirimkan aplikasi ke __CAPGO_KEEP_0__, Anda perlu membuat saluran
agar aplikasi dapat menerima pembaruan dari Capgo. default to let apps receive updates from Capgo.
npx @capgo/cli@latest channel set production -s defaultTambahkan 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 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 seharusnya melihat di log bahwa aplikasi melakukan pembaruan.
Selamat! 🎉 Anda telah berhasil mengembangkan pembaruan hidup pertama Anda. Ini hanya awal dari apa yang bisa Anda lakukan dengan Pembaruan Hidup. Untuk mempelajari lebih lanjut, lihat dokumen Pembaruan Hidup yang lengkap. Hapus Ketergantungan App Center.
Sekarang bahwa kami telah mengintegrasikan layanan __CAPGO_KEEP_0__, Anda seharusnya menghapus referensi apa pun ke App Center. Selain menjadi praktik terbaik untuk menghapus layanan __CAPGO_KEEP_1__ yang tidak digunakan, menghapus __CAPGO_KEEP_2__ seharusnya 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-pushdan 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 Analitik App Center di aplikasi Anda, hapuslah hal-hal berikut: preferences elemen: APPCENTER_ANALYTICS_ENABLE_IN_JS dan APPCENTER_CRASHES_ALWAYS_SEND.
Hapuslah hal-hal berikut: <access /> elemen:
<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 tag di file ( meta Akhirnya, di dalam aplikasi Anda, hapuslah referensi __CAPGO_KEEP_0__ ke layanan App Center, seperti index.html Langkah-Langkah Selanjutnyahttps://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 *" />Anda telah beralih dari App Center ke code, menggunakan Live Updates. Ini hanya awal dari apa yang dapat Anda gunakan __CAPGO_KEEP_1__ untuk. Eksplorasi layanan lainnya yang mencakup Channel (berbagai lingkungan) dan override. Integrasi Cloud __CAPGO_KEEP_2__ menggunakan __CAPGO_KEEP_3__ di platform CI/CD pilihan Anda (seperti __CAPGO_KEEP_4__ Action, GitLab, Jenkins, dan lain-lain). codePush.sync();.
Kirimkan update aplikasi secara otomatis
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).
Hapuslah hal-hal berikut: elemen:
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 from App Center ke Capgo
Jika Anda menggunakan Migrating from App Center ke Capgo untuk merencanakan migrasi dan operasi bisnis, hubungkan dengan Enterprise Capgo Untuk alur kerja produk di Capgo Enterprise, 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.
