Lompat ke konten utama
Tutorial

Perbarui aplikasi Capacitor Anda secara lancar 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 lancar.

Martin Donadieu

Martin Donadieu

Pengembang Konten

Perbarui aplikasi Capacitor Anda secara lancar menggunakan pembarui Capacitor

Apa itu Capacitor-updater?

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

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

Anda dapat berpikirnya sebagai

kecepatan web

ketika mengunduh pembaruan secara sampingan segera setelah tersedia.

Capgo keeps your app’s JavaScript bundle in sync with the Capgo server, and every time the user opens the app, it checks with the Capgo server if a new update is available to the bundle. And of course, it comes with tons of awesome configurations which can help you fine-tune your user’s experience.

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

__CAPGO_KEEP_0__ menjaga agar bundle JavaScript aplikasi Anda sinkron dengan server __CAPGO_KEEP_1__ , dan setiap kali pengguna membuka aplikasi, ia memeriksa dengan server __CAPGO_KEEP_2__ apakah ada pembaruan baru yang tersedia untuk bundle. Dan tentu saja, ia dilengkapi dengan banyak konfigurasi yang dapat membantu Anda menyesuaikan pengalaman pengguna. 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..

Understanding Semantic Versioning with Capgo

Capgo uses semantic versioning (semver) to determine when and how updates should be applied to your app. This ensures that your users only receive compatible updates and prevents breaking changes from being automatically deployed.

Versi semantik mengikuti format MAJOR.MINOR.PATCH:

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

Misalnya, jika aplikasi Anda berada di versi 1.0.0 dan Anda ingin memperbarui ke 1.0.1 (perbaikan), 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 di toko aplikasi karena menunjukkan perubahan yang memecah.

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

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

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

Apakah ada batasan?

Meskipun terdengar bagus, 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.

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

Auto Capgo Configuration

It’s time to sign up, and get your API key to upload your first version! Begin by signing up for a Capgo account.

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

di sini untuk IOS

Konfigurasi Otomatis __CAPGO_KEEP_0__

Ikuti CLI panduan

Dari baris perintah, 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 dengan Capgo.

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

Konfigurasi Capgo Manual

Pasang 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 ke aplikasi Anda code ini untuk memberitahu plugin native bahwa bundle JS 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 telah berhasil.

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

Masuk ke Capgo CLOUD

Pertama, gunakan all apikey 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 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 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 package.json file.

Periksa Capgo jika ada build.

Anda bahkan bisa menguji aplikasi ini dengan aplikasi sandbox mobile saya Buat channel default.

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

agar aplikasi dapat menerima pembaruan dari Capgo. default to let apps receive updates from Capgo.

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

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

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

npx cap run [ios | android]

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

Dokumentasi Pembaruan Langsung yang Lengkap. Dokumentasi Pembaruan Langsung.

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

Teruskan dengan mudah memperbarui aplikasi Anda Capacitor menggunakan pembarui Capacitor

Jika Anda menggunakan Teruskan dengan mudah memperbarui aplikasi Anda Capacitor menggunakan pembarui Capacitor untuk merencanakan migrasi dan operasi bisnis, hubungkannya dengan Capgo Enterprise untuk alur kerja produk di Capgo Enterprise, Alternatif Plugin Ionic Enterprise untuk alur kerja produk di Alternatif Plugin Ionic Enterprise, Alternatif Capgo untuk alur kerja produk di Alternatif Capgo, Capgo Konsultasi untuk alur kerja produk di Capgo Consulting, dan Capgo Premium Support untuk alur kerja produk di Capgo Premium Support.

Perbarui hidup untuk aplikasi Capacitor

Ketika bug layer web masih aktif, kirimkan perbaikan melalui Capgo bukan menunggu hari-hari untuk persetujuan toko aplikasi. Pengguna mendapatkan perbaruan 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 yang profesional.