Ringkasan Pindahan
- Capgo adalah layanan yang membantu tim pengembangan mengirimkan aplikasi hidup ke aplikasi yang sudah diinstal.
- Capacitor dapat memigrasikan aplikasi JS yang ditulis dengan jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic, atau bahkan solusi kustom sendiri. Tidak diperlukan aplikasi Ionic yang sudah ada..
- Colt menawarkan 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 migrate to Capacitor Migrasi pertama sebelum beralih 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.
Beruntung, proses migrasi mudah dan sebagian besar plugin Cordova kompatibel mundur dengan Capacitor. Mulai migrasi di sini.
Tentang Capgo
Capgo, handles updating apps over time. Development teams can focus completely on the unique features of their app and outsource the complicated app delivery process to 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_KEEP_1__.
Capgo mengisi celah antara pengiriman web dan mobile.
Prasyarat __CAPGO_KEEP_0__ Capgo GitHub
Install Capgo CLI
catatan
Pastikan Anda telah menginstal Node dan NPM di komputer Anda sebelum melanjutkan. Selalu gunakan versi LTS terbaru. __CAPGO_KEEP_0__ tidak boleh menggunakan versi yang lebih lama. Capgo do not older versions.
__CAPGO_KEEP_0__ konfigurasi file package.json and Capacitor config files
Sebelum Anda memulai, saya merekomendasikan membuat perubahan pada cabang Git yang baru.
Karena
__CAPGO_KEEP_0__ dibuat untuk mengotomatisasi Capgo aplikasi, namun aplikasi Anda mungkin tidak memiliki file yang diperlukan. Pertama, buatlah file tersebut. Cara termudah untuk membuatnya adalah dengan menjalankan perintah di root aplikasi Anda: was created to automate capacitor apps, it requires one file that your app may not have. First, create a capacitor.config.json __CAPGO_KEEP_0__
npm install @capacitor/coreMigrasi ke Capacitor menggunakan kuesioner CLI:
npx cap initCLI akan meminta beberapa pertanyaan, mulai dari nama aplikasi Anda, dan ID paket yang ingin Anda gunakan untuk aplikasi Anda.
Terakhir, komitkan file-file baru ke proyek Anda:
git add .git commit -m "added package json and capacitor config" && git pushMigrasi Code
Sekarang bahwa Anda telah memiliki file yang diperlukan baru, Anda dapat memfokuskan perhatian Anda pada aplikasi itu sendiri. Capgo Jika __CAPGO_KEEP_0__ Anda sudah dibangun tidak berada di dalam direktori, ubah nilai ini di file konfigurasi __CAPGO_KEEP_0__. Capgo context dist.
If your built code is not in a dist directory, change this value in the Capacitor config file.
context
Konfigurasi Capgo
Dengan aplikasi Anda siap untuk Capgo Pilih integrasi, saatnya mendaftar dan dapatkan 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.
Migrasi ke App Center
Fungsi Pembaruan Langsung bekerja dengan menggunakan __CAPGO_KEEP_0__ yang terpasang di aplikasi native Anda untuk mendengar saluran Deploy tertentu. Ketika sebuah build Web ditugaskan ke Saluran Tujuan, pembaruan tersebut akan di-deploy ke perangkat pengguna yang menjalankan biner yang dikonfigurasi untuk mendengar Saluran Tujuan yang ditentukan. Capgo SDK Pertama, gunakan API KEY yang ada di akun Anda untuk masuk ke __CAPGO_KEEP_0__:
Login to Capgo CLOUD
Mari kita mulai dengan membuat aplikasi pertama di __CAPGO_KEEP_0__ Cloud dengan __CAPGO_KEEP_1__. all Ini perintah akan menggunakan semua variabel yang didefinisikan di file konfigurasi __CAPGO_KEEP_0__ untuk membuat aplikasi. present in your account to log in with the CLI:
npx @capgo/cli@latest login YOURKEYDeploying Live Updates (Alternatif CodePush)
Let’s get started by first creating the app in Capgo Cloud with the CLI.
npx @capgo/cli@latest app add
Login to Capacitor CLOUD
First, use the __CAPGO_KEEP_0__ to log in with the __CAPGO_KEEP_0__:
Jalankan perintah untuk membangun code dan kirimkannya ke Capgo dengan:
npx @capgo/cli@latest bundle upload --channel productionVersi nama secara default akan menggunakan versi yang ada di file Anda. package.json Periksa di
__CAPGO_KEEP_0__ Capgo Kamu bahkan bisa menguji dengan aplikasi sandbox mobile saya
Buat channel default Sesudah Anda mengirimkan aplikasi ke __CAPGO_KEEP_0__, Anda perlu membuat channel Anda.
agar aplikasi dapat menerima pembaruan dari __CAPGO_KEEP_0__.
After you have sent your app to Capgo, you need to make your channel default to let apps receive updates from Capgo.
npx @capgo/cli@latest channel set production -s defaultKonfigurasi aplikasi untuk memvalidasi pembaruan
Tambahkan konfigurasi ini ke file JavaScript utama Anda.
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()Kemudian lakukan npm run build && npx cap copy untuk memperbarui aplikasi Anda.
Menerima Perbaruan Hidup pada Perangkat
Untuk aplikasi Anda menerima perbaruan hidup 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 aplikasi melakukan perbaruan.
Selamat! 🎉 Anda telah berhasil mengirimkan perbaruan hidup pertama Anda. Ini hanya awal dari apa yang bisa Anda lakukan dengan Perbaruan Hidup. Untuk mengetahui lebih lanjut, lihat dokumentasi Perbaruan Hidup yang lengkap. Hapus Ketergantungan Aplikasi Center.
Sekarang bahwa kami telah mengintegrasikan layanan __CAPGO_KEEP_0__, Anda harus menghapus referensi apa pun ke Aplikasi Center. Selain menjadi praktik terbaik untuk menghapus layanan yang tidak digunakan __CAPGO_KEEP_1__, menghapus __CAPGO_KEEP_2__ harus 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-pushAplikasi Center config.xml dan hapuslah hal-hal berikut preference Mereka akan terlihat mirip dengan:
<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 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 ke CodePush di tag CSP meta di file ( index.html Terakhir, 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();.
Peran: Label navigasi singkat atau item UI. Dilihat di: halaman trust.astro. Pemanggilan kunci `and` (Dan).
Migrasi dari App Center ke Capgo telah selesai menggunakan Live Updates. Ini hanya awal dari apa yang bisa Anda lakukan dengan Capgo. Eksplorasi fitur-fitur lainnya, seperti Channel (berbagai lingkungan) dan override. Integrasi Cloud CLI juga tersedia, gunakan Capgo di dalam platform CI/CD pilihan Anda (seperti GitHub Action, GitLab, Jenkins, dan lain-lain).
Kirimkan update aplikasi secara otomatis
Jika code Anda dihosting di GitHub, Anda dapat mengatur build dan release otomatis dalam beberapa langkah lagi, berkat aksi GitHub.
Saya telah membuat artikel kedua untuk memungkinkan Anda melakukannya.
Kredit
Banyak terima kasih kepada Ionikartikel ini berdasarkan artikel ini diubah dengan chat-gpt-3 dan disesuaikan.
Teruskan dari Migrasi dari App Center ke Capgo
Jika Anda menggunakan Migrating from App Center to Capgo Untuk merencanakan migrasi dan operasional perusahaan, hubungkannya dengan Capgo Bisnis Untuk alur kerja produk di Capgo Enterprise, Alternatif Plugin Enterprise Ionic Untuk alur kerja produk dalam Alternatif Plugin Enterprise Ionic. Capgo Alternatives Untuk alur kerja produk dalam Capgo Alternatives, Konsultasi Capgo untuk alur kerja produk di Capgo Consulting, dan Capgo Premium Support Untuk alur kerja produk di Capgo Support Premium.
