Lompat ke konten utama
Tutorial

Perbarui aplikasi Anda secara Capacitor menggunakan pembarui Capacitor

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

Martin Donadieu

Martin Donadieu

Spesialis Konten

Perbarui aplikasi Anda secara Capacitor menggunakan pembarui Capacitor

Apa itu pembarui Capacitor?

Pembarui Capacitor, teknologi yang membantu dalam pengiriman pembaruan aplikasi dan perbaikan ke 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 “web-like” dari pembaruan sampingan yang tersedia segera.

Selain itu, ia menyediakan pengembalian ke versi sebelumnya jika update baru menghancurkan aplikasi

Bagaimana cara kerjanya?

Capgo menjaga agar bundle JavaScript aplikasi Anda sinkron dengan Capgo server, dan setiap kali pengguna membuka aplikasi, ia memeriksa dengan Capgo server apakah ada update baru yang tersedia untuk bundle. Dan tentu saja, ia dilengkapi dengan banyak konfigurasi yang luar biasa 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 tinjauan App Store.

Pengguna dapat membaca lebih lanjut tentang hal ini di sini.

Pengertian Versi Semantik dengan Capgo

Capgo menggunakan versi semantik (semver) untuk menentukan kapan dan bagaimana update harus diterapkan pada aplikasi Anda. Hal ini memastikan bahwa pengguna hanya menerima update yang kompatibel dan mencegah perubahan yang menghancurkan dari terjadi secara otomatis.

Versi semantik mengikuti format MAJOR.MINOR.PATCH:

  • MAJOR: Perubahan yang memerlukan rilis aplikasi native di toko aplikasi
  • MINOR: Fitur-fitur baru yang kompatibel ke belakang
  • PATCH: Perbaikan bug yang kompatibel ke belakang

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

Capgo’s pengaturan saluran memungkinkan Anda mengonfigurasi jenis-jenis pembaruan yang secara otomatis diterapkan:

  • Strategi mayor: Izinkan semua pembaruan (gunakan dengan hati-hati)
  • Strategi minor: Hanya memungkinkan pembaruan minor dan patch saja
  • Pengaturan Patch: Hanya memungkinkan pembaruan patch saja
  • Pengaturan Metadata: Memerlukan persyaratan versi minimum untuk dipenuhi

Kamu bisa menguji bagaimana kombinasi versi berbeda bekerja dengan logika pembaruan Capgo menggunakan alat tester Semver kami Alat Tester Semver. Alat ini membantu kamu memahami secara tepat kapan pembaruan akan diterapkan berdasarkan konfigurasi kanal kamu

Apakah ada batasan?

Sebaik apa pun yang terdengar, ada beberapa hal yang perlu kita ingat. Pertama-tama, pembaruan OTA. 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.

Tapi Anda bisa mengatur CI/CD Anda untuk menghandle bagian ini, saya membuat tutorial bagaimana melakukannya di sini untuk IOS.

Konfigurasi Otomatis Capgo

Sekarang saatnya untuk mendaftar, dan mendapatkan kunci API Anda untuk mengunggah versi pertama Anda! Mulai dengan mendaftar untuk akun Capgo.

Setelah Anda masuk ke Capgo, Anda akan memiliki halaman onboarding

Halaman Onboarding

Ikuti langkah-langkah di halaman onboarding untuk menambahkan aplikasi pertama Anda.

Ikuti panduan CLI

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

npx @capgo/cli@latest init Untuk menginstal Capgo ke dalam aplikasi Capacitor Anda, CLI akan memandu Anda melalui proses pengaturan aplikasi Anda dengan Capgo.

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

Konfigurasi Manual Capgo

Pasang plugin

Anda seharusnya memiliki code ini ditambahkan ke aplikasi Anda :

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

Dan kemudian tambahkan ke aplikasi Anda code ini 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()

Ini akan memberitahu plugin native bahwa instalasi sudah berhasil.

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

Masuk ke Capgo CLOUD

Pertama, gunakan all apikey yang ada di akun Anda untuk masuk dengan CLI:

npx @capgo/cli@latest login YOU_KEY

Tambahkan aplikasi pertama Anda

Mari kita mulai dengan membuat aplikasi pertama di Capgo Cloud dengan menggunakan CLI.

npx @capgo/cli@latest app add

Perintah ini akan menggunakan semua variabel yang telah ditentukan di dalam file konfigurasi Capacitor untuk membuat aplikasi.

Unggah versi pertama Anda

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

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

__CAPGO_KEEP_0__ Capgo Anda bahkan bisa menguji aplikasi tersebut dengan menggunakan aplikasi sandbox mobile saya

Cek masuk ke __CAPGO_KEEP_0__.

Buat saluran default

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

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

Terima Pembaruan Langsung pada Perangkat

Untuk aplikasi Anda menerima pembaruan langsung dari Deploy, Anda akan 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 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. Jika Anda perlu menghentikan menerima pembaruan lokal, jalankan perintah ini.

Teruskan dari Mengupdate Aplikasi __CAPGO_KEEP_0__ Anda secara lancar menggunakan __CAPGO_KEEP_1__-updater npx @capgo/cli@latest channel set

Keep going from Update your Capacitor apps seamlessly using Capacitor-updater

Mengupdate Aplikasi __CAPGO_KEEP_0__ Anda secara lancar menggunakan __CAPGO_KEEP_1__-updater Update your Capacitor apps seamlessly using Capacitor-updater untuk merencanakan migrasi dan operasional perusahaan, hubungkannya 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.

Update Langsung untuk Aplikasi Capacitor

Saat bug layer web masih aktif, kirimkan perbaikan melalui Capgo daripada menunggu hari-hari untuk persetujuan toko aplikasi. Pengguna mendapatkan update di latar belakang sementara perubahan native tetap dalam jalur review normal.

Mulai Sekarang

Terbaru dari Blog Kami

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