Lebih lanjut ke konten utama
Belajar

Update your Capacitor apps seamlessly using Capacitor-updater

Halo komunitas Capacitor Ionic, hari ini saya akan membantu Anda mengatur pembarui Capacitor ke dalam aplikasi Anda. Sehingga Anda dapat melakukan perilisan yang halus.

Kredit artikel

Martin Donadieu

Pengarang

Valeria

Pengulas

Jordan

Pengedit

Update your Capacitor apps seamlessly using Capacitor-updater

Apa itu Capacitor-updater?

Capacitor-updater, teknologi yang membantu dalam pengiriman pembaruan aplikasi dan perbaikan kepada pengguna akhir secara instan.

Hal ini sangat baik jika Anda ingin melakukan perbaikan bug kritikal dan mengirimkannya secara instan tanpa harus melewati ulasan App Store.

Anda dapat memikirkannya sebagai 'kecepatan' seperti web untuk memuat pembaruan sisi-atas sebagai segera mungkin.

Selain itu, __CAPGO_KEEP_0__ juga menyediakan fitur roll-back jika pembaruan baru mengakibatkan aplikasi bermasalah.

Bagaimana cara kerjanya?

Capgo menjaga paket JavaScript aplikasi Anda tetap sinkron dengan server Capgo, dan setiap kali pengguna membuka aplikasi, Capgo memeriksa dengan server Capgo apakah ada pembaruan baru yang tersedia untuk paket tersebut. Dan tentu saja, Capgo juga dilengkapi dengan berbagai konfigurasi yang dapat membantu Anda menyesuaikan pengalaman pengguna.

Saya menggunakan Capgo dalam semua proyek yang saya bangun. Hal ini memungkinkan saya untuk menghabiskan waktu yang lebih sedikit dalam proses ulasan App Store.

Anda dapat membaca lebih lanjut tentang __CAPGO_KEEP_0__ di sini.

Mengerti Versi Semantik dengan Capgo

Capgo menggunakan versi semantik (semver) untuk menentukan kapan dan bagaimana pembaruan harus diterapkan pada aplikasi Anda. Hal ini memastikan bahwa pengguna hanya menerima pembaruan yang kompatibel dan mencegah perubahan yang mengganggu dari terautomatisasi.

Penomoran semantik mengikuti format MAJOR.MINOR.PATCH:

  • MAJOR: Perubahan yang memerlukan rilis aplikasi native
  • MINOR: Fitur baru yang kompatibel mundur
  • PATCH: Perbaikan bug yang kompatibel mundur

Contoh, jika aplikasi Anda berada di versi 1.0.0 dan Anda ingin memperbarui ke 1.0.1 (Capgo), maka Capgo akan otomatis menerapkan pembaruan ini. Namun, jika Anda ingin memperbarui dari 1.0.0 (versi mayor), maka ini memerlukan rilis aplikasi native karena menunjukkan perubahan yang memecah. 2.0.0 ke

Capgo’s pengaturan saluran memungkinkan Anda mengonfigurasi jenis-jenis update apa saja yang akan diterapkan secara otomatis:

  • Strategi Mayor: Memungkinkan semua update (gunakan dengan hati-hati)
  • Strategi Minor: Memungkinkan update minor dan patch saja
  • Strategi Patch: Hanya memungkinkan update patch saja
  • Strategi Metadata: Memerlukan persyaratan versi minimum untuk dipenuhi

Anda dapat menguji bagaimana kombinasi versi yang berbeda bekerja dengan logika update Capgo menggunakan alat Tester Semver. Alat ini membantu Anda memahami secara tepat kapan update akan diterapkan berdasarkan pengaturan saluran Anda.

Apakah ada batasan?

Meskipun terdengar baik, ada beberapa hal yang perlu kita pertimbangkan. Hal pertama adalah bahwa pembaruan OTA hanya berfungsi dengan bundle web Pembaruan OTA hanya berfungsi dengan bundle web. Mungkin Anda berpikir bahwa ini tidak terlalu besar karena, dalam __CAPGO_KEEP_0__ JS, kita menulis hampir semua __CAPGO_KEEP_1__ dalam JS CSS dan HTML. Sementara ini mungkin benar, masih ada modul native yang kita instalasikan ke aplikasi. Jika sebuah modul mengubah direktori Android atau iOS, Anda tidak dapat menggunakan OTA untuk memperbarui aplikasi. Hal ini karena isi direktori ini digunakan untuk mengompilasi biner native, yang tidak dapat diperbarui oleh OTA. Bahkan aplikasi native tidak dapat memperbarui bagian ini.. You may think that this isn’t really a big limitation because, in Capacitor JS, we write almost all code in JS CSS and HTML. While this may be true, there still are native modules that we install to our app. If a module changes your android or iOS directories, you can’t use OTA to update your app. That’s because these directories’ contents are used to compile Native binaries, which OTA can’t update. Even native app cannot update this part.

Tutorial ini dapat Anda temukan di sini untuk IOS Konfigurasi Otomatis.

Sekarang saatnya untuk mendaftar dan mendapatkan kunci Capgo untuk mengunggah versi pertama! Mulailah dengan

Mendaftar untuk akun API Setelah Anda masuk ke Capgo, Anda akan memiliki halaman onboarding.

Once you’re logged into Capgo, You will have an onboarding page

Ikuti langkah-langkah pada halaman onboarding untuk menambahkan aplikasi pertama.

Pembaruan OTA hanya berfungsi dengan bundle web. Mungkin Anda berpikir bahwa ini tidak terlalu besar karena, dalam __CAPGO_KEEP_0__ JS, kita menulis hampir semua __CAPGO_KEEP_1__ dalam JS CSS dan HTML. Sementara ini mungkin benar, masih ada modul native yang kita instalasikan ke aplikasi. Jika sebuah modul mengubah direktori Android atau iOS, Anda tidak dapat menggunakan OTA untuk memperbarui aplikasi. Hal ini karena isi direktori ini digunakan untuk mengompilasi biner native, yang tidak dapat diperbarui oleh OTA. Bahkan aplikasi native tidak dapat memperbarui bagian ini.

Ikuti CLI panduan

Dari command line, langsung ke root direktori aplikasi Capacitor Anda, jalankan:

npx @capgo/cli@latest init Untuk menginstal Capgo ke dalam aplikasi Capacitor Anda, CLI akan membantu Anda mengatur aplikasi dengan Capgo.

Jika Anda ingin melakukannya secara manual, Anda dapat mengikuti langkah-langkah di bawah ini.

Konfigurasi Manual Capgo

Instal plugin

Anda seharusnya memiliki code ini ditambahkan ke aplikasi Anda:

npm i @capgo/capacitor-updater && npx cap sync Untuk menginstal plugin ke dalam aplikasi Capacitor Anda.

Dan kemudian tambahkan code ini ke aplikasi Anda untuk memberitahu plugin native bahwa bundle JS sudah sehat (jika Anda tidak melakukannya, plugin native akan kembali ke versi sebelumnya):

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

CapacitorUpdater.notifyAppReady()

Langkah ini akan memberitahu plugin native bahwa instalasi sudah berhasil.

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

Masuk ke Capgo CLOUD

Pertama, gunakan all apikey masuk dengan menggunakan CLI:

npx @capgo/cli@latest login YOU_KEY

Tambahkan 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 telah ditentukan di file konfigurasi Capacitor untuk membuat aplikasi.

Unggah versi pertama

Jalankan perintah untuk membangun code dan kirimkannya ke Capgo dengan: npx @capgo/cli@latest bundle upload

Oleh default, nama versi akan sama dengan yang ada di package.json file.

Pantau perubahan Capgo Jika ada build.

Kamu bahkan bisa menguji dengan aplikasi sandbox mobileku Aplikasi mobile.

Ubah channel default

Setelah kamu mengirimkan aplikasi ke Capgo, kamu perlu mengubah channel kamu default Agar aplikasi dapat menerima pembaruan dari Capgo.

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

Menerima Pembaruan Langsung di Perangkat

Untuk aplikasi kamu menerima pembaruan langsung dari Deploy, kamu perlu menjalankan aplikasi di perangkat atau emulator. Cara termudah untuk melakukannya adalah dengan menjalankan perintah berikut untuk meluncurkan aplikasi lokal di emulator atau perangkat yang terhubung ke komputer kamu.

npx cap run [ios | android]

Buka aplikasi, letakkan di latar belakang dan buka lagi, kamu seharusnya melihat di log bahwa aplikasi melakukan pembaruan.

Selamat! 🎉 Kamu telah berhasil mengirimkan pembaruan hidup pertama kamu. Ini hanya awal dari apa yang bisa kamu lakukan dengan Pembaruan Hidup. Untuk mengetahui lebih lanjut, lihat dokumentasi Pembaruan Hidup yang lengkap __CAPGO_KEEP_0__.

Jika Anda perlu menghentikan penerimaan update di lokal, jalankan perintah ini npx @capgo/cli@latest channel set

Teruskan dari Mengupdate aplikasi Capacitor Anda secara lancar menggunakan Capacitor-updater

Jika Anda menggunakan Mengupdate aplikasi Capacitor Anda secara lancar menggunakan Capacitor-updater Untuk merencanakan migrasi dan operasi bisnis, hubungkannya dengan Capgo Enterprise untuk alur kerja produk di Capgo Enterprise, Alternatif Ionic Enterprise Plugin untuk alur kerja produk di Alternatif Ionic Enterprise Plugin, Alternatif Capgo untuk alur kerja produk di Alternatif Capgo, Alternatif Capgo untuk alur kerja produk di Capgo Consulting, dan Capgo Support Premium untuk alur kerja produk di Capgo Support Premium.

Perbarui langsung untuk aplikasi Capacitor

Ketika ada bug layer web yang aktif, 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.

Dukungan manusia dari Martin

Mulai Sekarang

Terbaru dari Blog Kami

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