Langsung ke konten utama
@capgo/capacitor-ibeacon Lokasi Open source

iBeacon plugin Capacitor

Plugin iBeacon untuk Capacitor - deteksi proximity dan monitoring region beacon

Instal

bun add @capgo/capacitor-ibeacon bunx cap sync
npm, pnpm atau yarn
  • npm install @capgo/capacitor-ibeacon
  • pnpm add @capgo/capacitor-ibeacon
  • yarn add @capgo/capacitor-ibeacon

Panduan

Cara menggunakan iBeacon di Capacitor

Menggunakan @capgo/capacitor-ibeacon

Plugin Capacitor iBeacon - Deteksi proximity dan monitoring region beacon.

Instal

bun add @capgo/capacitor-ibeacon
bunx cap sync

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

import { CapacitorIbeacon } from '@capgo/capacitor-ibeacon';

Sekilas tentang API

Metode Deskripsi
startMonitoringForRegion Mulai monitoring region beacon. Memicu event saat masuk/keluar region.
stopMonitoringForRegion Stop monitoring region beacon.
startRangingBeaconsInRegion Mulai ranging beacon di sebuah region. Memberikan update jarak secara kontinu.
stopRangingBeaconsInRegion Stop ranging beacon di sebuah region.
startAdvertising Mulai advertising perangkat sebagai iBeacon (khusus iOS).
stopAdvertising Stop advertising perangkat sebagai iBeacon (khusus iOS).
requestWhenInUseAuthorization Minta otorisasi lokasi "When In Use" (wajib untuk ranging/monitoring).
requestAlwaysAuthorization Minta otorisasi lokasi "Always" (diperlukan untuk monitoring background).
getAuthorizationStatus Dapatkan status otorisasi lokasi saat ini.
isBluetoothEnabled Cek apakah Bluetooth aktif di perangkat.
isRangingAvailable Cek apakah fitur ranging tersedia di perangkat.
enableARMAFilter Aktifkan filtering ARMA untuk kalkulasi jarak (khusus Android).
enableBackgroundMode Aktifkan atau nonaktifkan mode background beacon scanning (khusus Android). Ini menjalankan foreground service agar deteksi beacon di background tetap reliabel. Harus dipanggil setelah meminta otorisasi lokasi "Always".
setBackgroundScanPeriod Konfigurasi periode background scan (khusus Android). Mengatur seberapa sering dan berapa lama perangkat melakukan scan beacon saat di background.

Contoh

startMonitoringForRegion()

Mulai monitoring untuk suatu beacon region. Memicu event saat masuk/keluar dari region tersebut.

import { CapacitorIbeacon } from '@capgo/capacitor-ibeacon';

await CapacitorIbeacon.startMonitoringForRegion({
  identifier: 'MyBeaconRegion',
  uuid: 'B9407F30-F5F8-466E-AFF9-25556B57FE6D'
});

stopMonitoringForRegion()

Stop monitoring untuk suatu beacon region.

import { CapacitorIbeacon } from '@capgo/capacitor-ibeacon';

await CapacitorIbeacon.stopMonitoringForRegion({
  identifier: 'MyBeaconRegion',
  uuid: 'B9407F30-F5F8-466E-AFF9-25556B57FE6D'
});

startRangingBeaconsInRegion()

Mulai ranging beacon di suatu region. Memberikan update jarak secara kontinu.

import { CapacitorIbeacon } from '@capgo/capacitor-ibeacon';

await CapacitorIbeacon.startRangingBeaconsInRegion({
  identifier: 'MyBeaconRegion',
  uuid: 'B9407F30-F5F8-466E-AFF9-25556B57FE6D'
});

stopRangingBeaconsInRegion()

Stop ranging beacon di suatu region.

import { CapacitorIbeacon } from '@capgo/capacitor-ibeacon';

await CapacitorIbeacon.stopRangingBeaconsInRegion({
  identifier: 'MyBeaconRegion',
  uuid: 'B9407F30-F5F8-466E-AFF9-25556B57FE6D'
});

startAdvertising()

Mulai memancarkan perangkat sebagai iBeacon (khusus iOS).

import { CapacitorIbeacon } from '@capgo/capacitor-ibeacon';

await CapacitorIbeacon.startAdvertising({
  uuid: 'B9407F30-F5F8-466E-AFF9-25556B57FE6D',
  major: 1,
  minor: 2,
  identifier: 'MyBeacon'
});

stopAdvertising()

Berhenti memancarkan perangkat sebagai iBeacon (khusus iOS).

import { CapacitorIbeacon } from '@capgo/capacitor-ibeacon';

await CapacitorIbeacon.stopAdvertising();

Tabel di atas mencantumkan 14 metode inti. Helper listener, versi, dan kontrak lengkap setiap metode didokumentasikan di repositori GitHub.

Mendengarkan event

addListener mengembalikan sebuah handle. Panggil handle.remove() saat layar di-unmount, atau CapacitorIbeacon.removeAllListeners() untuk menghapus semua listener.

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-ibeacon

Jika Anda menggunakan Menggunakan @capgo/capacitor-ibeacon untuk merencanakan pekerjaan plugin native, hubungkan dengan @capgo/capacitor-ibeacon untuk detail implementasi di @capgo/capacitor-ibeacon, Panduan Memulai untuk detail implementasi di Getting Started, Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo, Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin Capacitor oleh Capgo, dan Menambahkan atau Memperbarui Plugin untuk detail implementasi di bagian Menambahkan atau Memperbarui Plugin.

FAQ

FAQ plugin iBeacon

Bagaimana cara install plugin iBeacon di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-ibeacon" (atau "npm install @capgo/capacitor-ibeacon"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native. Import dari "@capgo/capacitor-ibeacon" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-ibeacon mendukung React, Vue, dan Angular?

Ya. iBeacon adalah package Capacitor, jadi bisa digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript murni.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-ibeacon?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-ibeacon gratis dan open source?

Ya. Source code tersedia secara publik di GitHub pada https://github.com/Cap-go/capacitor-ibeacon/ dan package ini gratis untuk diinstall dari npm. Laporan bug dan pull request sangat kami terima.

Bisakah saya update code yang menggunakan iBeacon tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan iBeacon tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo