メインコンテンツへスキップ
@capgo/capacitor-ibeacon 位置情報 オープンソース

iBeacon Capacitor プラグイン

Capacitor 用 iBeacon プラグイン - 近接検知とビーコン領域のモニタリング

インストール

bun add @capgo/capacitor-ibeacon bunx cap sync
npm、pnpm、または yarn
  • npm install @capgo/capacitor-ibeacon
  • pnpm add @capgo/capacitor-ibeacon
  • yarn add @capgo/capacitor-ibeacon

ガイド

Capacitor で iBeacon を使用する方法

@capgo/capacitor-ibeacon の使用方法

Capacitor iBeacon Plugin - 近接検知とビーコン領域のモニタリング

インストール

bun add @capgo/capacitor-ibeacon
bunx cap sync

bunx cap sync プラグインのネイティブcodeをネイティブプロジェクトにコピーします。プラグインをアップグレードするたびに再度実行してください。

インポート

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

API の概要

メソッド 説明
startMonitoringForRegion ビーコンリージョンのモニタリングを開始します。リージョンへの進入・退出時にイベントをトリガーします。
stopMonitoringForRegion ビーコンリージョンのモニタリングを停止します。
startRangingBeaconsInRegion リージョン内のビーコンのレンジングを開始します。距離を継続的に更新します。
stopRangingBeaconsInRegion - リージョン内のビーコンのレンジングを停止します。
startAdvertising デバイスをiBeaconとしてアドバタイズを開始します (iOSのみ)。
stopAdvertising デバイスのiBeaconアドバタイズを停止します (iOSのみ)。
requestWhenInUseAuthorization "When In Use"(使用中のみ)のロケーション権限をリクエストします(ranging/monitoring に必要)。
requestAlwaysAuthorization "Always"のロケーション権限をリクエストします(バックグラウンド監視に必要です)。
getAuthorizationStatus 現在のロケーション権限のステータスを取得します。
isBluetoothEnabled デバイスのBluetoothが有効かどうかを確認します。
isRangingAvailable デバイスでrangingが利用可能か確認します。
enableARMAFilter 距離計算用のARMAフィルタリングを有効にします(Androidのみ)。
enableBackgroundMode バックグラウンドでのビーコンスキャンモードを有効/無効にします(Androidのみ)。これにより、バックグラウンドでの確実な検知のためにフォアグラウンドサービスが有効になります。「Always」のロケーション権限をリクエストした後に呼び出す必要があります。
setBackgroundScanPeriod バックグラウンドスキャンの間隔を設定します(Androidのみ)。バックグラウンド時にデバイスがどの程度の頻度・時間でビーコンをスキャンするかを制御します。

例

startMonitoringForRegion()

ビーコンリージョンのモニタリングを開始します。リージョンへの進入・退出時にイベントをトリガーします。

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

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

stopMonitoringForRegion()

ビーコンリージョンのモニタリングを停止します。

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

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

startRangingBeaconsInRegion()

リージョン内のビーコンのレンジングを開始します。距離を継続的に更新します。

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

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

stopRangingBeaconsInRegion()

- リージョン内のビーコンのレンジングを停止します。

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

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

startAdvertising()

デバイスをiBeaconとしてアドバタイズを開始します (iOSのみ)。

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

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

stopAdvertising()

デバイスのiBeaconアドバタイズを停止します (iOSのみ)。

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

await CapacitorIbeacon.stopAdvertising();

上記の表は14個のコアメソッドをまとめたものです。リスナーとバージョンのヘルパー、および各メソッドの完全な仕様については、以下で説明しています。 GitHub リポジトリ.

イベントをリッスンする

addListener ハンドルを返します。画面がアンマウントされるときに handle.remove() 画面がアンマウントされるとき、または CapacitorIbeacon.removeAllListeners() すべてのリスナーを解除します。

完全なリファレンス

@capgo/capacitor-ibeacon の使用方法から続ける

使用している場合 @capgo/capacitor-ibeacon を使用する ネイティブプラグインの作業を計画するには、次と連携してください: @capgo/capacitor-ibeacon @capgo/capacitor-ibeacon の実装詳細については、 スタートガイド スタートガイドの実装詳細については、 Capgo プラグインディレクトリ Capgo プラグインディレクトリのプロダクトワークフローについては、 Capgo による Capacitor プラグイン Capgo による Capacitor Plugins の実装詳細、および プラグインの追加または更新 プラグインの追加または更新に関する実装詳細についてはこちら。

よくある質問

iBeacon plugin FAQ

Capacitor アプリに iBeacon plugin をインストールするにはどうすればよいですか?

"bun add @capgo/capacitor-ibeacon"(または "npm install @capgo/capacitor-ibeacon")を実行した後、"bunx cap sync" を実行して、iOS および Android プロジェクトにネイティブの code を反映させてください。その後、アプリの code で "@capgo/capacitor-ibeacon" からインポートします。

@capgo/capacitor-ibeacon は React、Vue、Angular で動作しますか?

はい。iBeacon は Capacitor パッケージなので、Ionic、React、Vue、Angular、Svelte、およびプレーンな JavaScript を含む、Capacitor 内で動作するあらゆる Web フレームワークで使用できます。

@capgo/capacitor-ibeacon はどの Capacitor バージョンをサポートしていますか?

Capgo プラグインは Capacitor のメジャーバージョンに合わせています。使用している Capacitor のメジャーバージョンに一致するプラグインのメジャーバージョンを使ってください (例: Capacitor 8 ならプラグイン v8)。GitHub の README にある互換性テーブルに、メンテナンス中のバージョンが記載されています。

@capgo/capacitor-ibeacon は無料のオープンソースですか?

はい。code のソースコードは GitHub の https://github.com/Cap-go/capacitor-ibeacon/ で公開されており、パッケージは npm から無料でインストールできます。バグ報告やプルリクエストをお待ちしています。

App Store の審査なしで、iBeacon を使用している code をアップデートできますか?

プラグインのインストールやアップグレードはネイティブの code を変更するため、新しいストアビルドが必要です。その後は、プラグインを呼び出す JavaScript、HTML、CSS の変更を Capgo Live Updates で即座に配信できます。

アプリの審査を待たずに iBeacon の変更をリリース

プラグインをストア用ビルドに組み込めば、Capgo live updates で JavaScript、HTML、CSS の変更を数分でユーザーに配信できます

Capgo から始める