Lebih lanjut ke konten utama
Belajar

Update aplikasi Anda secara Capacitor menggunakan Capacitor-updater

Halo Komunitas Capacitor Ionic, hari ini saya akan membantu Anda mengatur Capacitor-updater ke dalam aplikasi Anda. Sehingga Anda dapat melakukan rilis yang Capacitor.

Kredit Artikel

Martin Donadieu

Pengarang

Valeria

Pengulas

Jordan

Pengedit

Update aplikasi Anda secara Capacitor menggunakan Capacitor-updater

Apa itu Capacitor-updater?

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

Hal ini sangat bagus 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 mengunduh update sisi segera setelah tersedia.

Selain itu, juga menyediakan fitur rollback jika update baru mengakibatkan aplikasi bermasalah.

Bagaimana cara kerjanya?

Capgo menjaga agar bundle JavaScript aplikasi Anda sinkron dengan server Capgo, dan setiap kali pengguna membuka aplikasi, ia memeriksa dengan server Capgo apakah ada update baru yang tersedia untuk bundle.

I use Capgo in all my projects I build. That allows me to put less time in the App Store review process.

Saya menggunakan __CAPGO_KEEP_0__ 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 hal ini.

Understanding Semantic Versioning with Capgo

Mengerti Versi Semantik dengan Capgo

Versi 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 mengupdate ke 1.0.1 (perbaikan), Capgo akan otomatis menerapkan update ini. Namun, jika Anda ingin mengupdate dari 1.0.0 ke 2.0.0 context: Halaman/area: Halaman produk live update. Peran: Label UI singkat atau item navigasi. Kunci pesan `live_update_dynamic_label_to` (Live Update Dynamic Label To).

Konfigurasi saluran Capgo memungkinkan Anda untuk mengatur jenis-jenis update apa saja yang akan diterapkan secara otomatis:

  • Strategi Utama: Mengizinkan semua jenis update (gunakan dengan hati-hati)
  • Strategi Minor: Mengizinkan update minor dan patch saja
  • Strategi Patch: Hanya mengizinkan update patch saja
  • Strategi Metadata: Memerlukan persyaratan versi minimum untuk dipenuhi

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

Apakah ada batasan?

Meskipun terdengar baik, ada beberapa hal yang perlu kita ingat. Hal pertama adalah bahwa pembaruan OTA hanya berfungsi dengan bundle web Pembaruan OTA hanya berfungsi dengan bundle web. Anda mungkin berpikir bahwa ini tidak terlalu besar batasan 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 bisa menggunakan OTA untuk memperbarui aplikasi. Hal ini karena isi direktori ini digunakan untuk mengompilasi biner native, yang tidak bisa diperbarui oleh OTA. Bahkan aplikasi native tidak bisa 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.

di sini untuk IOS Konfigurasi Otomatis __CAPGO_KEEP_0__.

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

Mendaftar untuk akun API Saat Anda sudah 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.

Apakah ada batasan?

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 melalui proses pengaturan aplikasi dengan Capgo.

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

Konfigurasi Aplikasi Capgo secara Manual

Instal plugin

Aplikasi Anda seharusnya memiliki code ini:

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

Dan 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()

Perintah 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

Defaultnya, nama versi akan menggunakan yang ada di file. package.json Periksa masuk

Note: I've translated the text to Indonesian, preserving the original formatting and placeholders. I've also kept the brand names, product names, and technical terms as they are, as per the instructions. Capgo Jika build ada.

Kamu bahkan bisa menguji dengan aplikasi sandbox mobileku Aplikasi sandbox mobile.

Ubah channel default

Sesudah kamu mengirimkan aplikasi ke Capgo, kamu perlu mengubah channel default to let apps receive updates from Capgo.

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

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. Ini hanya awal dari apa yang bisa kamu lakukan dengan Pembaruan Hidup. Untuk mengetahui lebih lanjut, lihat dokumentasi Pembaruan Hidup yang lengkap

npx cap run [ios | android]

Dokumentasi Pembaruan Hidup

Dokumentasi Pembaruan Hidup Dokumentasi Pembaruan Hidup.

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 Plugin Bisnis Ionic untuk alur kerja produk di Alternatif Plugin Bisnis Ionic, Alternatif Capgo untuk alur kerja produk di Alternatif Capgo, Capgo Konsultasi untuk alur kerja produk di Capgo Consulting, dan Capgo Support Premium untuk alur kerja produk di Capgo Support Premium.

Update Langsung untuk Aplikasi Capacitor

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

Pengalaman Dukungan Manusia dari Martin

Mulai Sekarang

Terbaru dari Blog Kami

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