Let you range for iBeacons, managing permissions. iOS and Android.
tns plugin add nativescript-ibeacon
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
<uses-permission android:name="android.permission.BLUETOOTH" />
<uses-permission android:name="android.permission.BLUETOOTH_ADMIN" />
you can also use android.permission.ACCESS_FINE_LOCATION
instead of android.permission.ACCESS_COARSE_LOCATION
<key>NSLocationAlwaysUsageDescription</key>
<string>My description explaining why I need it</string>
<key>NSLocationWhenInUseUsageDescription</key>
<string>My description explaining why I need it</string>
import {NativescriptIbeacon, BeaconCallback, BeaconLocationOptions, BeaconLocationOptionsIOSAuthType, BeaconLocationOptionsAndroidAuthType, BeaconRegion, Beacon } from 'nativescript-ibeacon';
let callback: BeaconCallback = {
onBeaconManagerReady(): void {
// start ranging and/or monitoring only when the beacon manager is ready
this.nativescriptIbeacon.startRanging(this.region);
this.nativescriptIbeacon.startMonitoring(this.region);
},
didRangeBeaconsInRegion: function(region: BeaconRegion, beacons: Beacon[]) {
},
didFailRangingBeaconsInRegion: function(region: BeaconRegion, errorCode: number, errorDescription: string) {
}
}
let options: BeaconLocationOptions = {
iOSAuthorisationType: BeaconLocationOptionsIOSAuthType.Always,
androidAuthorisationType: BeaconLocationOptionsAndroidAuthType.Coarse,
androidAuthorisationDescription: "Location permission needed"
};
let nativescriptIbeacon = new NativescriptIbeacon(callback, options);
let region = new BeaconRegion("HelloID", "2f234454-cf6d-4a0f-adf2-f4911ba9ffa6");
We need to be sure to have permission and we need to prepare the BeaconManager by calling bind()
.
if (!nativescriptIbeacon.isAuthorised()) {
console.log("NOT Authorised");
nativescriptIbeacon.requestAuthorization()
.then(() => {
console.log("Authorised by the user");
nativescriptIbeacon.bind();
}, (e) => {
console.log("Authorisation denied by the user");
})
} else {
console.log("Already authorised");
nativescriptIbeacon.bind();
}
After the BeaconManager is ready, the event onBeaconManagerReady()
is called. After that we can call startRanging(region)
or startMonitoring(region)
.
If we call startRanging(region)
or startMonitoring(region)
before calling bind()
, it will be called internally and the region will be registered after the BeaconManager will be ready.
nativescriptIbeacon.stopRanging(region);
nativescriptIbeacon.stopMonitoring(region);
To dispose the BeaconManager, call the method unbind()
nativescriptIbeacon.unbind();
The shared Beacon
class contain the following values:
public proximityUUID: string;
public major: number;
public minor: number;
public rssi: number;
public distance_proximity: number; // distance in Android, proximity in iOS
public txPower_accuracy: number; // txPower in Android, accuracy in iOS
As you can see there is some difference on iOS and Android platform regarding the last 2 values. Keep this in mind while using the class.
On iOS, the values for proximity are:
public enum CLProximity : Int {
case unknown // =0
case immediate // =1
case near // =2
case far // =3
}
The value in this property gives a general sense of the relative distance to the beacon.
Use it to quickly identify beacons that are nearer to the user rather than farther away.
On iOS, accuracy is described like:
Indicates the one sigma horizontal accuracy in meters. Use this property to differentiate between beacons with the same proximity value. Do not use it to identify a precise location for the beacon. Accuracy values may fluctuate due to RF interference.
A negative value in this property signifies that the actual accuracy could not be determined.
public typealias CLLocationAccuracy = Double
Please note that you need a real device to test beacon ranging (you will receive an error otherwise).
To run the demo you can use one of the following commands:
npm run demo.ios.device
or
npm run demo.android.device
- Better Demo
- Debug
- More options