Lompat ke konten utama
Tutorial

Perbarui aplikasi Capacitor Anda secara lancar menggunakan pembarui Capacitor

Selamat datang 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 pembarui Capacitor?

Capacitor-pembarui, 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

kecepatan samping

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.

Bagaimana cara kerjanya? __CAPGO_KEEP_0__ menjaga paket 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 paket tersebut. 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 ulasan App Store.

Anda dapat membaca lebih lanjut tentang hal ini di sini: https://www.capgo.com/semver-capgo (ganti Capgo dan __CAPGO_KEEP_1__ dan __CAPGO_KEEP_2__ dengan Cloudflare dan Capacitor dan GitHub dan Capgo dan code dan API dan SDK dan CLI dan npm dan bun).

Versi semantik mengikuti format MAJOR.MINOR.PATCH:

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

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 apa yang akan diterapkan secara otomatis:

  • Strategi utama: Memungkinkan semua update (gunakan dengan hati-hati)
  • Strategi minor: Memungkinkan update minor dan patch saja
  • Strategi patch: Hanya memungkinkan 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 Semver Tester. 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 pertimbangkan. Hal pertama adalah bahwa pembaruan OTA hanya berfungsi dengan bundle web. Mungkin Anda berpikir bahwa ini tidak terlalu besar batasan karena, dalam Capacitor JS, kita menulis hampir semua code dalam JS CSS dan HTML. Sementara ini mungkin benar, masih ada modul native yang kita instal ke aplikasi kita. Jika modul mengubah direktori Android atau iOS Anda, Anda tidak dapat menggunakan OTA untuk memperbarui aplikasi Anda. Itu karena isi direktori ini digunakan untuk mengompilasi biner native, yang OTA tidak dapat memperbarui. Tidak bahkan aplikasi native dapat memperbarui bagian ini.

Namun Anda dapat mengatur CI/CD Anda untuk mengatasi bagian ini, saya membuat tutorial tentang cara melakukannya di sini untuk IOS.

Auto Capgo Configuration

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

Setelah Anda masuk ke Capgo, Anda akan memiliki halaman onboarding

Halaman Onboarding

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

Ikuti CLI panduan

Dari baris perintah, langsung ke akar 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 dapat mengikuti langkah-langkah di bawah ini.

Konfigurasi Aplikasi Capgo secara Manual

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

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 kunci API yang ada di akun Anda untuk masuk dengan 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

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

Periksa Capgo jika ada build.

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

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

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

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

Untuk aplikasi Anda dapat menerima update 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 update.

npx cap run [ios | android]

Selamat! 🎉 Anda telah berhasil mengirimkan update hidup pertama Anda. Ini hanya awal dari apa yang bisa Anda lakukan dengan Update Hidup. Untuk mengetahui lebih lanjut, lihat dokumentasi

Dokumentasi Update Hidup lengkapnya __CAPGO_KEEP_0__.

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

Teruskan dengan mudah dari Capacitor menggunakan pembaruan Capacitor

Jika Anda menggunakan Teruskan dengan mudah dari Capacitor menggunakan pembaruan 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, Alternatif Capgo Consulting Untuk alur kerja produk di Capgo Consulting, dan Capgo Support Premium Untuk alur kerja produk di Capgo Support Premium.

Perbaruan Langsung 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 ulasan normal.

Mulai Sekarang

Terbaru dari Blog Kami

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