Tutorial

Perbarui Aplikasi Capacitor Anda dengan Mudah Menggunakan Capacitor-updater

Salam kepada komunitas Capacitor Ionic, hari ini saya akan membantu Anda mengonfigurasi Capacitor-updater di aplikasi Anda. Agar Anda dapat melakukan deployment tanpa masalah.

Perbarui Aplikasi Capacitor Anda dengan Mudah Menggunakan Capacitor-updater

Apa itu Capacitor-updater?

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

Ini sangat bagus jika Anda ingin melakukan perbaikan bug kritis dan mengirimkannya secara instan tanpa melalui proses review App Store.

Anda bisa menganggapnya sebagai kelincahan “seperti web” dalam memuat pembaruan secara langsung segera setelah tersedia.

Selain itu, menyediakan fitur rollback jika pembaruan baru menyebabkan aplikasi crash

Bagaimana cara kerjanya?

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

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

Anda dapat membaca lebih lanjut tentang ini here.

Apakah ada batasan?

Meskipun terdengar bagus, ada beberapa hal yang perlu kita perhatikan. Hal pertama adalah pembaruan OTA hanya bekerja dengan web bundle. Anda mungkin berpikir ini bukan batasan besar karena di Capacitor JS, kita menulis hampir semua kode dalam JS CSS dan HTML. Meskipun ini mungkin benar, masih ada modul native yang kita install ke aplikasi kita. Jika sebuah modul mengubah direktori android atau iOS Anda, Anda tidak bisa menggunakan OTA untuk memperbarui aplikasi Anda. Hal ini karena konten direktori tersebut digunakan untuk mengompilasi binary Native, yang tidak dapat diperbarui oleh OTA. Bahkan aplikasi native tidak dapat memperbarui bagian ini.

Tapi Anda bisa mengatur CI/CD untuk menangani bagian ini, saya membuat tutorial cara melakukannya here for IOS.

Konfigurasi Capgo Otomatis

Saatnya mendaftar, dan dapatkan API key Anda untuk mengunggah versi pertama! Mulai dengan mendaftar akun Capgo.

Setelah Anda masuk ke Capgo, Anda akan melihat 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 aplikasi Capacitor Anda, CLI akan memandu Anda melalui proses pengaturan aplikasi Anda dengan Capgo.

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

Konfigurasi Capgo Manual

Instal plugin

Anda akan mendapatkan kode ini ditambahkan ke aplikasi Anda:

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

Dan kemudian tambahkan kode ini ke aplikasi Anda untuk memberi tahu plugin native bahwa bundle JS dalam keadaan baik (jika Anda tidak melakukan ini, plugin native akan kembali ke versi sebelumnya):

import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()

Ini akan memberi tahu plugin native bahwa instalasi berhasil.

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

Login ke Capgo CLOUD

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

npx @capgo/cli@latest login YOU_KEY

Tambahkan aplikasi pertama Anda

Mari mulai dengan membuat aplikasi di Capgo Cloud menggunakan CLI.

npx @capgo/cli@latest app add

Perintah ini akan menggunakan semua variabel yang didefinisikan dalam file konfigurasi Capacitor untuk membuat aplikasi.

Unggah versi pertama Anda

Jalankan perintah untuk membangun kode Anda dan mengirimkannya ke Capgo dengan: npx @capgo/cli@latest bundle upload

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

Periksa di Capgo apakah build sudah ada.

Anda bahkan dapat mengujinya dengan aplikasi sandbox mobile saya.

Jadikan channel default

Setelah Anda mengirim aplikasi Anda ke Capgo, Anda perlu menjadikan channel Anda default agar aplikasi dapat menerima pembaruan dari Capgo.

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

Menerima Pembaruan Langsung di Perangkat

Agar aplikasi Anda dapat menerima pembaruan langsung dari Deploy, Anda perlu menjalankan aplikasi di perangkat atau emulator. Cara termudah untuk melakukan ini 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 akan melihat di log bahwa aplikasi telah melakukan pembaruan.

Selamat! 🎉 Anda telah berhasil menerapkan Pembaruan Langsung pertama Anda. Ini hanya awal dari apa yang dapat Anda lakukan dengan Pembaruan Langsung. Untuk mempelajari lebih lanjut, lihat dokumentasi Pembaruan Langsung lengkap.

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

Pembaruan Instan untuk Aplikasi CapacitorJS

Dorong pembaruan, perbaikan, dan fitur secara instan ke aplikasi CapacitorJS Anda tanpa penundaan toko aplikasi. Rasakan integrasi yang mulus, enkripsi end-to-end, dan pembaruan real-time dengan Capgo.

Mulai Sekarang

Berita terbaru

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