Rumah __CAPGO_KEEP_0__
Migrasi

Migrasi dari App Center ke Capgo

Dalam panduan ini, kami akan menjelajahi migrasi lengkap untuk Capgo Live Updates, alternatif Microsoft CodePush.

Kredit Artikel

Martin Donadieu

Pengarang

Valeria

Pengulas

Jordan

Pengedit

Migrasi dari App Center ke Capgo

Migrasi Ringkasan

  • Capgo layanan yang membantu tim pengembangan mengirimkan aplikasi hidup ke aplikasi yang sudah diinstal.
  • Capacitor Aplikasi Ionic yang sudah ada tidak diperlukan..
  • Colt menawarkan layanan yang setara untuk App Center Build (membangun aplikasi Android/iOS). Untuk layanan Test, Diagnostics, dan Analytics.
Penting

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

Tentang Capgo

Tentang Capgo

Seperti App Center, Tentang Capgo GitHub mendukung pembaruan aplikasi secara berkala. Tim pengembang dapat fokus sepenuhnya pada fitur unik aplikasi dan mengalihkan proses pengiriman aplikasi yang rumit ke __CAPGO_KEEP_1__.

Install Capgo CLI

Prasyarat __CAPGO_KEEP_0__

NPM mendukung aplikasi yang dihosting di repositori Git pada Azure DevOps, Bitbucket, NPM, dan GitLab. Anda perlu menginstal NPM dan __CAPGO_KEEP_1__ sebelum melanjutkan. Pastikan Anda selalu menggunakan 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 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 Anda:

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 harus ada di direktori yang bernama __CAPGO_KEEP_0__ dist.

Jika code Anda sudah dibangun tidak berada di direktori, ubah nilai ini di file konfigurasi code. dist directory, change this value in the Capacitor config file.

Struktur Aplikasi

Konfigurasi __CAPGO_KEEP_0__

Konfigurasi Capgo

Si aplikasi Anda sudah siap untuk Capgo integration, it’s time to sign up, and get your API key to upload your first version! Begin by integrasi, saatnya Anda mendaftar dan mendapatkan kunci Capgo untuk mengunggah versi pertama Anda! 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.

Setelah Anda masuk ke Capgo, navigasikan ke halaman Akun kemudian klik pada kunci SDK , kemudian 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 Anda, jalankan perintah berikut:

Untuk menginstal plugin ke aplikasi code Anda.

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

CapacitorUpdater.notifyAppReady()

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

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_KEEP_0__ untuk mendengarkan saluran Deploy Tujuan tertentu. Ketika sebuah build Web ditugaskan ke Saluran Tujuan, pembaruan tersebut akan di-deploy ke perangkat pengguna yang menjalankan biner yang dikonfigurasi untuk mendengarkan Saluran Tujuan yang ditentukan.

Masuk ke Capgo CLOUD

Pertama, gunakan API Key yang ada di akun Anda untuk masuk ke __CAPGO_KEEP_0__: all Tambahkan aplikasi pertama Anda Mari kita mulai dengan membuat aplikasi pertama di CLI Cloud dengan __CAPGO_KEEP_1__.

npx @capgo/cli@latest login YOURKEY

Ini perintah akan menggunakan semua variabel yang telah didefinisikan di file konfigurasi __CAPGO_KEEP_0__ untuk membuat aplikasi.

Let’s get started by first creating the app in Capgo Cloud with the CLI.

npx @capgo/cli@latest app add

Jalankan perintah untuk membuat Capacitor dan kirimkannya ke __CAPGO_KEEP_1__ dengan:

Dengan default, nama versi akan menggunakan yang ada di __CAPGO_KEEP_0__.

code Capgo

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

__CAPGO_KEEP_0__ __CAPGO_KEEP_1__ package.json file.

Periksa masuk Capgo Jika build ada.

Anda bisa bahkan menguji dengan aplikasi sandbox saya di ponsel Buat aplikasi default saluran.

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

untuk memungkinkan aplikasi 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 Anda.

Lalu lakukan

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

CapacitorUpdater.notifyAppReady()

Periksa masuk 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 harus melihat di log bahwa aplikasi melakukan pembaruan.

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

Sekarang bahwa kami telah mengintegrasikan layanan __CAPGO_KEEP_0__, Anda harus menghapus referensi ke App Center. Selain menjadi praktik terbaik untuk menghapus layanan yang tidak digunakan __CAPGO_KEEP_1__, menghapus __CAPGO_KEEP_2__ akan 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 __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 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__, menggunakan Live Updates. Ini hanya awal dari apa yang dapat Anda gunakan __CAPGO_KEEP_1__ untuk. Cari tahu fitur-fitur 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). index.html Pengiriman Otomatis Perbarui 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();.

and

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 dan rilis otomatis dalam beberapa langkah lagi, terima kasih kepada GitHub aksi.

Saya telah membuat artikel kedua untuk memungkinkan Anda melakukannya.

Kredit

Banyak terima kasih 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, hubungkan dengan Capgo Enterprise untuk alur kerja produk di Capgo Enterprise Alternatif Plugin Enterprise Ionic untuk alur kerja produk di Alternatif Plugin Enterprise 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.

Live Update untuk Aplikasi Capacitor

Jika ada bug layer web yang hidup, kirimkan perbaikan melalui Capgo daripada menunggu hari-hari untuk persetujuan toko aplikasi. Pengguna mendapatkan perbarui di latar belakang sementara perubahan native tetap dalam jalur review normal.

Bantuan Manusia dari Martin

Mulai Sekarang

Terbaru dari Blog Kami

Capgo memberikan Anda wawasan terbaik yang Anda butuhkan untuk membuat aplikasi mobile profesional sejati.