Migrasi dari App Center ke Capgo

Ringkasan Migrasi

• Capgo adalah layanan yang membantu tim pengembang mengirimkan aplikasi hidup ke aplikasi yang sudah diinstal.
• Capacitor JS aplikasi yang ditulis dalam jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic atau bahkan solusi kustom sendiri dapat diimpor. 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.

Untungnya, proses migrasi 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.

Pengisi Capgo mengisi celah antara pengiriman web dan mobile.

Prasyarat Capgo

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

Instal Capgo CLI

peringatan

Pastikan Anda memiliki Node dan NPM terinstal di komputer Anda sebelum melanjutkan. Selalu gunakan versi LTS terbaru. Jangan gunakan versi __CAPGO_KEEP_0__ yang lebih tua. Capgo do not older versions.

dan __CAPGO_KEEP_0__ file konfigurasi package.json and Capacitor config files

catatan

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

Karena Capgo tercipta 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 di root aplikasi Anda:

npm install @capacitor/core

Kemudian, inisialisasi Capacitor menggunakan kuesioner CLI:

npx cap init

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

Terakhir, komitkan file-file baru ke proyek Anda:

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

Migrasi Code

Sekarang Anda telah memiliki file-file baru yang diperlukan __CAPGO_KEEP_0__ Migrasi Capgo file-file di tempat, Anda dapat memfokuskan perhatian pada aplikasi itu sendiri. Capgo diharapkan aplikasi yang dibangun secara keseluruhan 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:

Konfigurasi Capgo

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

Setelah Anda masuk ke Capgo, navigasikan ke halaman Akun kemudian tekan tombol API , lalu tekan 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.

Deploying Live Updates (Alternatif CodePush)

Fungsi Live Update bekerja dengan menggunakan __CAPGO_KEEP_0__ __CAPGO_KEEP_1__ Capgo SDK Login ke __CAPGO_KEEP_0__ CLOUD

Pertama, gunakan Capgo

__CAPGO_KEEP_0__ __CAPGO_KEEP_1__ all API Key tersedia di akun Anda 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

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

Unggah bundle pertama Anda

Jalankan perintah untuk membangun code dan kirimkannya ke Capgo dengan:

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

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

__CAPGO_KEEP_0__ Capgo Upload

Andai Anda ingin menguji aplikasi dengan saya Aplikasi uji coba mobile saya.

Buat saluran default

Setelah Anda telah mengirimkan aplikasi ke Capgo, Anda perlu membuat saluran default untuk memungkinkan aplikasi menerima pembaruan dari Capgo.

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

Konfigurasi aplikasi untuk memvalidasi pembaruan

Tambahkan konfigurasi ini ke file JavaScript utama Anda.

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

CapacitorUpdater.notifyAppReady()

Lalu lakukan npm run build && npx cap copy untuk memperbarui aplikasi Anda.

Terima Pembaruan Langsung di Perangkat

Untuk 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 mengaktifkan Live Update pertama Anda. Ini hanya awal dari apa yang bisa Anda lakukan dengan Live Updates. Untuk mengetahui lebih lanjut, lihatlah dokumentasi Live Updates yang lengkap. Dokumentasi Live Updates.

Hapus Ketergantungan App Center

Sekarang bahwa kami telah mengintegrasikan layanan Capgo’, Anda seharusnya menghapus referensi apa pun ke App Center. Selain menjadi praktik terbaik untuk menghapus code/services yang tidak digunakan, menghapus SDK juga dapat mengurangi ukuran aplikasi Anda.

Pertama, buka terminal kemudian uninstall plugin App Center:

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

Kemudian, buka config.xml dan hapus nilai-nilai berikut. Mereka akan terlihat mirip dengan: preference Jika Anda menggunakan App Center Analytics di aplikasi Anda, hapuslah elemen-elemen berikut:

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

dan preferences Hapus nilai-nilai berikut APPCENTER_ANALYTICS_ENABLE_IN_JS Hapus elemen-elemen berikut APPCENTER_CRASHES_ALWAYS_SEND.

dan <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 CSP meta tag di index.html file (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 *" />

Akhirnya, di dalam aplikasi Anda, hapus semua code referensi ke layanan App Center, seperti codePush.sync();.

Langkah-Langkah Selanjutnya

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

Kirim Otomatis Perbarui Aplikasi

Jika code Anda dihosting di GitHub, Anda dapat mengatur build dan release otomatis dalam beberapa langkah lagi, berkat GitHub actions.

Saya telah membuat artikel kedua untuk memungkinkan Anda melakukannya.

Kredit

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

Lanjutkan dari Migrasi dari App Center ke Capgo

Jika Anda menggunakan Migrasi dari App Center ke Capgo untuk merencanakan migrasi dan operasional bisnis, hubungkannya dengan Capgo Enterprise untuk alur kerja produk di Capgo Enterprise, Alternatif Plugin Ionik Enterprise untuk alur kerja produk di Alternatif Plugin Ionik Enterprise, 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.