Penandaan Versi di Aplikasi Capacitor

Pelajari hal-hal penting tentang penandaan versi dalam aplikasi Capacitor, termasuk praktik terbaik untuk pembaruan, sinkronisasi, dan otomatisasi.

Martin Donadieu

Martin Donadieu

Marketer Konten

Penandaan Versi di Aplikasi Capacitor

Penandaan versi sangat penting untuk mengelola aplikasi Capacitor. Ini memastikan pembaruan yang mulus, melacak perubahan, dan meningkatkan keandalan aplikasi di semua platform iOS, Android, dan web. Berikut adalah ringkasan cepat:

  • Mengapa Ini Penting: Melacak pembaruan, memungkinkan rollback, dan memastikan penyebaran yang stabil.
  • Versi Semantik: Gunakan MAJOR.MINOR.PATCH untuk menunjukkan perubahan yang merusak, fitur baru, atau perbaikan bug.
  • Sinkronisasi Antar Platform: Selaraskan nomor versi di package.json, iOS Info.plist, dan Android build.gradle.
  • Otomatisasi: Otomatisasikan pembaruan dengan skrip npm dan alat CI/CD.
  • Pembaruan Langsung: Alat seperti Capgo mengirimkan pembaruan kepada 95% pengguna dalam waktu 24 jam.
  • Manajemen Beta: Gunakan saluran terstruktur untuk versi alfa, beta, dan produksi.

Perbandingan Cepat

FiturTujuanContoh
Versi SemantikMelacak perubahan dengan jelas1.2.3 → 2.0.0
Sinkronisasi VersiSelaraskan antar platformnpx cap sync
OtomatisasiMempercepat pembaruan versinpm version patch
Pembaruan LangsungAdopsi pengguna yang cepat95% Capgo dalam 24 jam
Saluran BetaFase pengujian terkontrol1.3.0-beta.1

Penandaan versi menyederhanakan pembaruan aplikasi, membuat pengguna senang, dan memastikan pengembang dapat mengelola rilis secara efektif.

Cara mengonfigurasi proyek Capacitor Anda SECARA OTOMATIS ⚡️

Capacitor

Pengaturan Versi di Capacitor

Ikuti langkah-langkah berikut untuk memastikan manajemen versi yang konsisten di semua platform dalam aplikasi Capacitor Anda.

Menetapkan Versi di package.json

File package.json berfungsi sebagai sumber utama untuk detail versi aplikasi Anda. Berikut adalah contoh cara mengaturnya:

{
"name": "your-app-name",
"version": "1.2.3",
"private": true,
"dependencies": {
"@capacitor/core": "5.5.0",
"@capacitor/ios": "5.5.0",
"@capacitor/android": "5.5.0"
}
}

Saat memperbarui nomor versi, gunakan aturan versi semantik (SemVer):

  • Versi utama (1.x.x): Memperkenalkan perubahan yang merusak.
  • Versi minor (x.2.x): Menambahkan fitur baru yang kompatibel dengan versi sebelumnya.
  • Versi patch (x.x.3): Memperbaiki bug atau melakukan perbaikan kecil.

Menjaga Versi Platform dalam Sinkronisasi

Penting untuk menyelaraskan nomor versi di semua platform agar penyebaran aplikasi berjalan lancar. Setiap platform memiliki file konfigurasi sendiri untuk penomoran versi:

PlatformFile KonfigurasiKunci Versi
iOSInfo.plistCFBundleShortVersionString
Androidbuild.gradleversionName
Webpackage.jsonversion

Setelah memperbarui versi di package.json, gunakan perintah ini untuk menyinkronkan perubahan dengan konfigurasi platform native:

Terminal window
npx cap sync

Menggunakan CLI Capacitor untuk Manajemen Versi

CLI Capacitor menawarkan perintah berguna untuk mengelola versi:

Terminal window
# Check the current version of Capacitor
npx cap --version
# Update Capacitor core and platform dependencies
npm install @capacitor/core@latest
npm install @capacitor/ios@latest
npm install @capacitor/android@latest
# Sync version changes to native platforms
npx cap sync

Menjaga CLI Capacitor Anda tetap diperbarui memastikan kompatibilitas dengan fitur spesifik versi dan mengurangi potensi ketidaksesuaian. Mengikuti langkah-langkah ini akan membantu Anda mempertahankan penomoran versi yang tepat dalam aplikasi Anda.

Pengaturan Versi Semantik

Dasar-dasar Versi Semantik

Versi Semantik (SemVer) menggunakan format MAJOR.MINOR.PATCH, di mana setiap bagian menunjukkan jenis perubahan tertentu:

Komponen VersiTujuan
MAJORMemperkenalkan perubahan yang merusak pada API
MINORMenambahkan fitur baru yang tetap kompatibel dengan versi sebelumnya
PATCHMemperbaiki bug atau meningkatkan kinerja tanpa merusak kompatibilitas

Sistem ini memastikan pengembang dapat dengan jelas mengomunikasikan pembaruan sambil mempertahankan kompatibilitas di seluruh versi aplikasi. Misalnya, berpindah dari 1.2.3 ke 2.0.0 menandakan pembaruan besar yang merusak yang memerlukan perencanaan yang cermat.

Kapan Memperbarui Nomor Versi

Berikut adalah cara untuk memutuskan nomor versi mana yang harus diperbarui:

Jenis PembaruanKapan DigunakanContoh Perubahan Versi
Pembaruan BesarUntuk perubahan API yang merusak atau desain UI besar-besaran1.2.3 → 2.0.0
Pembaruan MinorKetika memperkenalkan fitur baru atau menandai fitur sebagai usang1.2.3 → 1.3.0
Pembaruan PatchUntuk perbaikan bug atau peningkatan kinerja kecil1.2.3 → 1.2.4

“Kami menerapkan pengembangan gesit dan @Capgo sangat penting dalam memberikan secara terus-menerus kepada pengguna kami!” - Rodrigo Mantica [1]

Sekarang mari kita lihat otomatisasi pembaruan ini untuk menyederhanakan manajemen rilis.

Otomatisasi Pembaruan Versi

Mengotomatiskan pembaruan versi dapat menghemat waktu dan mengurangi kesalahan dalam proyek Capacitor Anda. Berikut adalah cara mengaturnya:

  1. Skrip Versi NPM

Tambahkan skrip ini ke file package.json Anda untuk mengelola pembaruan versi dengan mudah:

{
"scripts": {
"version:patch": "npm version patch",
"version:minor": "npm version minor",
"version:major": "npm version major"
}
}
  1. Integrasi CI/CD
    Masukkan pembaruan versi ke dalam pipeline CI/CD Anda. Capgo mendukung alat seperti GitHub Actions, GitLab CI, dan Jenkins, sehingga memudahkan untuk mengotomatisasi proses.

“@Capgo adalah alat yang harus dimiliki bagi pengembang yang mencari produktivitas dengan menghindari ulasan perbaikan bug yang panjang.” - Bessie Cooper [1]

Metode Tag Versi

Tag Versi Git

Tag versi Git adalah cara yang dapat diandalkan untuk melacak rilis aplikasi Capacitor. Untuk membuat tag yang jelas dan informatif, gabungkan versi semantik dengan deskripsi singkat:

Terminal window
git tag -a v1.2.3 -m "Release v1.2.3: Added offline mode support"

Untuk mempertahankan konsistensi di seluruh tim Anda, gunakan format penandaan yang standar:

Komponen TagFormatContoh
Versi Rilisv[MAJOR].[MINOR].[PATCH]v1.2.3
Rilis Betav[VERSION]-beta.[NUMBER]v1.2.3-beta.1
Kandidat Rilisv[VERSION]-rc.[NUMBER]v1.2.3-rc.2

Integrasi Nomor Build

Nomor build membantu melacak build individual dalam setiap versi. Untuk iOS dan Android, naikan nomor build dengan setiap pengiriman:

{
"ios": {
"version": "1.2.3",
"build": "10234"
},
"android": {
"version": "1.2.3",
"versionCode": "10234"
}
}

Nomor build harus selalu meningkat, bahkan jika versi tetap sama. Ini memastikan setiap pengiriman aplikasi ke toko diidentifikasi secara unik sambil menjaga penomoran versi jelas bagi pengguna.

Manajemen Versi Beta

Mengelola versi beta memerlukan proses terstruktur untuk mendistribusikan build uji. Sistem saluran Capgo menyederhanakan ini dengan langkah-langkah berikut:

  1. Pengaturan Saluran

Buat saluran terpisah untuk setiap fase pengujian:

{
"beta": {
"version": "1.3.0-beta.1",
"users": "beta-testers"
},
"production": {
"version": "1.2.3",
"users": "all"
}
}
  1. Kontrol Akses Pengguna

Atur izin untuk mengontrol siapa yang mendapatkan akses ke versi beta. Ini memastikan hanya penguji yang disetujui yang menerima build beta sementara pengguna produksi mendapatkan rilis yang stabil.

  1. Progresi Versi

Gunakan sistem progresi versi yang jelas untuk melacak tahap pengembangan:

TahapFormat VersiTujuan
Alpha1.3.0-alpha.1Pengujian internal
Beta1.3.0-beta.1Grup pengujian eksternal
RC (Kandidat Rilis)1.3.0-rc.1Pengujian akhir sebelum rilis
Produksi1.3.0Rilis publik

Pendekatan ini memastikan pengujian yang menyeluruh dan transisi yang mulus antara tahap pengembangan, menjaga penelusuran versi yang terorganisir dan transparan sepanjang proses.

Tampilan Versi Aplikasi

Menampilkan informasi versi yang akurat dalam aplikasi Anda adalah kunci untuk menjaga pengguna tetap terinformasi dan mengelola pembaruan dengan efektif.

Mendapatkan Versi dengan Capacitor

Anda dapat mengambil detail versi menggunakan Capacitor dengan kode ini:

import { App } from '@capacitor/app';
async function getAppInfo() {
const info = await App.getInfo();
console.log(`Version: ${info.version}`);
console.log(`Build: ${info.build}`);
}

Untuk pendekatan yang lebih terstruktur, buat fungsi yang dapat digunakan kembali:

export const getVersionString = async () => {
const info = await App.getInfo();
return `v${info.version} (${info.build})`;
};

Fungsi ini menyederhanakan proses menampilkan informasi versi di antarmuka aplikasi Anda.

Implementasi UI Versi

Berikut adalah contoh cara mengintegrasikan tampilan versi ke dalam komponen pengaturan:

@Component({
selector: 'app-settings',
template: `
<div class="version-info">
<span>Version: {{ versionString }}</span>
<span *ngIf="updateAvailable" class="update-badge">
Update Available
</span>
</div>
`
})

Tempat umum untuk menampilkan detail versi meliputi:

LokasiTujuanImplementasi
Layar PengaturanVersi lengkap dan buildInformasi versi yang rinci
Halaman TentangTampilan versi dasarHanya nomor versi
Footer AplikasiTampilan minimalString versi yang dipadatkan

Selain menampilkan info versi, mengintegrasikan sistem pengecekan pembaruan dapat meningkatkan pengalaman pengguna.

Sistem Pengecekan Pembaruan

Sistem pengecekan pembaruan memastikan pengguna memiliki akses ke fitur dan perbaikan terbaru. Capgo menyediakan notifikasi waktu nyata dan saluran pembaruan terkontrol untuk mengelola proses ini:

import { CapacitorUpdater } from '@capgo/capacitor-updater';
async function checkForUpdates() {
const current = await CapacitorUpdater.current();
const latest = await CapacitorUpdater.getLatest();
if (current.version !== latest.version) {
await CapacitorUpdater.download(latest);
}
}

“Kami menerapkan pengembangan gesit dan @Capgo sangat penting dalam memberikan secara terus-menerus kepada pengguna kami!” - Rodrigo Mantica [1]

Anda juga dapat menambahkan notifikasi pembaruan untuk pengguna, seperti ini:

@Component({
template: `
<update-modal
[version]="newVersion"
[features]="updateFeatures"
(updateNow)="performUpdate()"
/>
`
})

Untuk aplikasi perusahaan, sistem saluran Capgo memungkinkan Anda mengontrol distribusi pembaruan:

SaluranJenis PembaruanTarget Audiens
ProduksiRilis stabilSemua pengguna
BetaVersi pra-rilisGrup uji
KritisPerbaikan daruratPengguna yang terpengaruh

Metode ini memastikan keandalan aplikasi sambil melacak kinerja pembaruan melalui dasbor analitik Capgo.

Solusi Manajemen Versi

Mari kita selami lebih dalam solusi lanjutan untuk mengelola versi aplikasi dengan efektif.

Opsi Alat Versi

Saat memilih alat kontrol versi, penting untuk fokus pada alat yang menyederhanakan pembaruan, mengamankan kode Anda, dan mendukung rilis toko aplikasi serta pembaruan langsung.

Berikut adalah beberapa fitur utama yang perlu dicari:

FiturPentingnyaDampak
Pembaruan LangsungKritisMeminimalkan penundaan yang disebabkan oleh ulasan toko aplikasi
KeamananEsensialMelindungi data pengguna dan integritas kode
AnalitikPentingMengukur keberhasilan pembaruan dan adopsi pengguna
Integrasi CI/CDBergunaMempercepat proses penyebaran
Efisiensi BiayaStrategisMempengaruhi perencanaan anggaran jangka panjang

Salah satu alat unggulan di ruang ini adalah Capgo, yang menawarkan fitur yang dirancang khusus untuk aplikasi Capacitor.

Fitur Kontrol Versi Capgo

Capgo

Capgo menyediakan kemampuan manajemen versi yang kuat, termasuk:

  • 23.5M pembaruan berhasil disampaikan
  • 95% pengguna diperbarui dalam 24 jam
  • 82% tingkat keberhasilan global
  • 434ms waktu respons API rata-rata di seluruh dunia

Berikut adalah contoh cara menggunakan Capgo untuk kontrol versi:

// Capgo version control example
import { CapacitorUpdater } from '@capgo/capacitor-updater';
const versionControl = {
async checkVersion() {
const current = await CapacitorUpdater.current();
return current.version;
},
async deployUpdate(version: string) {
await CapacitorUpdater.setChannel({
channel: 'production',
version: version
});
}
};

“Saat ini kami sedang mencoba @Capgo karena Appcenter menghentikan dukungan pembaruan langsung pada aplikasi hybrid dan @AppFlow terlalu mahal.” - Simon Flack [1]

Solusi Ukuran Tim

Capgo menawarkan rencana fleksibel untuk mengakomodasi tim dari semua ukuran, membuat manajemen versi dapat diskalakan dan efisien.

Ukuran TimRencanaFitur Utama
Pengembang SoloHosting cloud dasarPembaruan langsung, 1.000 MAU
Tim Kecil (2-5)Rencana pembuat10.000 MAU, 500GB bandwidth
Tim Menengah (6-20)Rencana tim100.000 MAU, izin
PerusahaanPAYG KustomMAU Tak Terbatas, dukungan khusus

Untuk tim yang lebih besar, sistem saluran Capgo memungkinkan kontrol yang tepat atas penyebaran versi:

const enterpriseVersionControl = {
channels: {
production: 'stable-releases',
beta: 'early-access',
internal: 'development'
},
async deployToChannel(channel: string, version: string) {
await CapacitorUpdater.setChannel({
channel: channel,
version: version
});
}
};

“Kami mempraktikkan pengembangan gesit dan @Capgo sangat penting dalam menyampaikan terus-menerus kepada pengguna kami!” - Rodrigo Mantica [1]

Capgo juga mencakup dasbor analitik untuk memantau tingkat adopsi versi dan mendeteksi masalah potensial lebih awal. Dengan enkripsi bawaan dan opsi hosting yang dapat disesuaikan, tim dapat mempertahankan keamanan saat meningkatkan alur kerja penyebaran mereka.

Kesimpulan

Memahami penandaan versi adalah kunci untuk menyederhanakan proses pengembangan dan penyebaran. Berikut adalah ringkasan cepat tentang ide dan langkah utama untuk memulai.

Poin Penting

Penandaan versi membantu pengembang menjaga pembaruan yang lancar dan andal. Kontrol versi yang tepat menawarkan keuntungan yang jelas:

ManfaatDampakHasil
Pembaruan InstanWaktu tinjauan lebih pendekAdopsi pengguna lebih cepat [1]
Kontrol VersiManajemen kode yang lebih baikTingkat keberhasilan yang lebih tinggi [1]
Pelacakan PembaruanPemantauan waktu nyataPenyelesaian masalah lebih cepat [1]
Kontrol DistribusiPeluncuran yang ditargetkanDukungan multi-platform

Hasil-hasil ini menyoroti pentingnya menggunakan alat manajemen versi yang efektif.

Cara Memulai

Untuk mengimplementasikan manfaat ini, ikuti langkah-langkah berikut:

  • Siapkan pelacakan versi: Gunakan penandaan versi semantik dalam file package.json Anda dan integrasikan plugin yang diperlukan.
  • Tambahkan pemeriksaan pembaruan: Implementasikan sistem untuk memverifikasi dan melacak pembaruan versi.
  • Konfigurasi saluran distribusi: Buat lingkungan terpisah untuk produksi, beta, dan pengembangan.

Akhirnya, pertimbangkan untuk menambahkan sistem pembaruan langsung untuk memastikan penyebaran cepat dan aman.

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.

Komunikasi 2 Arah dalam Aplikasi Capacitor
Development,Mobile,Updates
April 26, 2025

Komunikasi 2 Arah dalam Aplikasi Capacitor

5 Kesalahan Umum Update OTA yang Harus Dihindari
Development,Security,Updates
April 13, 2025

5 Kesalahan Umum Update OTA yang Harus Dihindari