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.

Migrasi ke Capacitor memang mudah dan sebagian besar plugin Cordova yang ada masih kompatibel dengan Capacitor. Migrasi sekarang.

Tentang Capgo

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

Capgo mengisi kekurangan antara pengiriman web dan mobile.

Prasyarat Capgo

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

Instal Capgo CLI

catatan

Pastikan Anda telah menginstal Node dan NPM 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

perhatian

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

Karena Capgo ditujukan untuk mengotomatisasi capacitor aplikasi, namun aplikasi ini 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:

npm install @capacitor/core

Setelah itu, inisialisasi Capacitor menggunakan kuesioner CLI:

npx cap init

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

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 Jika __CAPGO_KEEP_0__ Anda sudah dibangun tidak berada di dalam direktori, ubah nilai ini di file konfigurasi __CAPGO_KEEP_0__. dist.

If your built code is not in a dist directory, change this value in the Capacitor config file.

Konfigurasi __CAPGO_KEEP_0__

Capgo Configuration

Setelah aplikasi Anda siap untuk Capgo integration, it’s time to sign up, and get your API key to upload your first version! Begin by Integrasi telah selesai, saatnya mendaftar dan mendapatkan kunci Capgo untuk mengunggah versi pertama! Mulailah dengan.

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.

Saat Anda telah masuk ke Capgo, navigasikan ke halaman Akun lalu klik pada kunci SDK lalu klik pada tombol ‘tulis’ untuk menyalinnya ke clipboard.

Pasang Capacitor __CAPGO_KEEP_1__

npm i @capgo/capacitor-updater && npx cap sync Dari command line, langsung ke root folder aplikasi Capacitor, jalankan perintah berikut:

Untuk menginstal plugin ke aplikasi code.

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

CapacitorUpdater.notifyAppReady()

Dan kemudian tambahkan ke aplikasi Anda ini __CAPGO_KEEP_0__ sebagai pengganti CodePush:

Ini akan memberitahu plugin native bahwa instalasi telah berhasil.

Pengiriman Update Hidup (Alternatif CodePush) Capgo SDK Migrasi ke App Center dapat dilakukan dengan mudah melalui Capgo. 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.

Masuk ke Capgo CLOUD

Pertama, gunakan all apikey yang ada 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

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.

Cek di Capgo Jika Anda ingin mengirimkan PR ke Capgo, Anda harus mengikuti beberapa langkah. Pertama, pastikan Anda telah membuat PR yang lengkap dan sesuai dengan standar Capgo.

Jika build Anda sudah ada. Kamu bahkan bisa menguji aplikasi dengan saya.

Aplikasi Sandbox Mobile

After you have sent your app to Capgo, you need to make your channel default Setelah Anda telah mengirimkan aplikasi ke Capgo, Anda harus membuat channel Anda

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

agar aplikasi dapat menerima update dari __CAPGO_KEEP_0__.

Konfigurasi aplikasi untuk memvalidasi update

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

CapacitorUpdater.notifyAppReady()

Tambahkan konfigurasi ini ke file JavaScript utama Anda. 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 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 Langsung. Untuk mengetahui lebih lanjut, lihat dokumentasi Pembaruan Langsung yang lengkap. Dokumentasi Pembaruan Langsung.

Hapus Ketergantungan App Center

Sekarang bahwa kami telah mengintegrasikan layanan Capgo, Anda harus menghapus referensi ke App Center. Selain menjadi praktik terbaik untuk menghapus layanan yang tidak digunakan code, menghapus SDK akan 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

Selanjutnya, buka config.xml dan hapus nilai-nilai berikut. Mereka akan terlihat mirip dengan: preference Nilai-nilai ini 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" />

If 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 Anda bisa 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 Pengiriman Otomatis Update Aplikasihttps://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();.

context

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).

context

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 dibuat 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 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.