在 Ionic 架構移動應用中支援 iBeacons

我最近購買了一些 estimote ibeacons 子產品玩，并想将它們接入到基于 ionic framework 建立的 android 與 ios 應用中。

如果你對 ibeacons 感到陌生，沒關系，它其實是用于近距離資料傳輸的藍牙裝置。estimote 子產品的優點在于其低功耗和電池壽命，目前已經有很多制造商已經正在制造 estimote 子產品。ibeacons 通常可以以 100ms 到 1000ms 的間隔發送廣播資訊，其間隔因配置或其制造商不同而不同。ibeacons 發送的廣播資訊包括 uuid、主版本号和次版本号。

在開始讨論代碼前，我分享些可以應用 ibeacons 的場景：

1.在博物館通過特定 ibeacons 觸發你的手機顯示出一段文字或播放一段音頻。将一個 ibeacons 放在意大利的大衛雕像旁，當人們靠近時，人們就可以得到這個作品的資訊。

2.用來追蹤你商店裡的人流量。也許你擁有一個像沃爾瑪一樣大小的商店，在每個部門都安裝有ibeacons，你可以通過它來檢視哪個部門的人流量最多。

3.通過 ibeacons 技術，可以計算你在遊樂園的排隊等待時間。

ibeacons 的應用不隻在這些場景。

到現在你應該對 ibeacons 有一些了解了，下面我們将讨論代碼。假設在你的機器上已經有 ionic，在終端或指令提示符裡運作以下指令：

``

ionic start ionicbeacon blank

cd ionicbeacon

ionic platform add ios

ionic platform add android

angular.module('starter', ['ionic', 'ngcordovabeacon'])

.run(function($ionicplatform) {

})

.controller("examplecontroller", function($scope, $rootscope, $ionicplatform, $cordovabeacon) {

});

$cordovabeacon.createbeaconregion("estimote", "b9407f30-f5f8-466e-aff9-25556b57fe6d")

.truncate {

}