欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

小程序獲取周圍IBeacon設(shè)備的方法

 更新時間:2018年10月31日 09:20:15   作者:fly_雞肉  
這篇文章主要為大家詳細(xì)介紹了小程序獲取周圍IBeacon設(shè)備的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了小程序獲取周圍IBeacon設(shè)備的具體代碼,供大家參考,具體內(nèi)容如下

該功能實(shí)現(xiàn)需要使用以下API:

wx.startBeaconDiscovery(OBJECT):開始搜索附近的iBeacon設(shè)備

wx.stopBeaconDiscovery(OBJECT):停止搜索附近的iBeacon設(shè)備

wx.onBeaconUpdate(CALLBACK):監(jiān)聽 iBeacon 設(shè)備的更新事件

wx.openBluetoothAdapter(OBJECT):監(jiān)聽藍(lán)牙狀態(tài)

wx.onBluetoothDeviceFound(CALLBACK):監(jiān)聽藍(lán)牙狀態(tài)切換

具體參數(shù)以及回調(diào)函數(shù)請參考官方API

實(shí)現(xiàn)邏輯:

實(shí)現(xiàn)代碼 index.js:

onShow : function(){
 var that = this;
 //監(jiān)測藍(lán)牙狀態(tài)的改變
 wx.onBluetoothAdapterStateChange(function (res) {
  if (res.available) {//如果用戶打開藍(lán)牙,開始搜索IBeacon
  searchBeacon();
  }
 })
 
 //搜索beacons
 searchBeacon();
 //搜索函數(shù)
 function searchBeacon() {
  //檢測藍(lán)牙狀態(tài)
  wx.openBluetoothAdapter({
  success: function (res) {//藍(lán)牙狀態(tài):打開
   wx.startBeaconDiscovery({//開始搜索附近的iBeacon設(shè)備
   uuids: ['FDA50693-A4E2-4FB1-AFCF-C6EB07647825'],//參數(shù)uuid
   success: function (res) {
    wx.onBeaconUpdate(function (res) {//監(jiān)聽 iBeacon 設(shè)備的更新事件 
    //封裝請求數(shù)據(jù) 
    var beacons = res.beacons;
    var reqContent = {};
    var bleArray = [];
    for (var i = 0; i < beacons.length; i++) {
     var bleObj = {};
     bleObj.distance = beacons[i].accuracy;
     bleObj.rssi = beacons[i].rssi;
     bleObj.mac = beacons[i].major + ":" + beacons[i].minor;
     bleArray.push(bleObj);
    }
    reqContent.ble = bleArray;
    //請求后臺向redis插入數(shù)據(jù)
    redisSave(reqContent);
    });
   },
   fail: function (res) {
    //先關(guān)閉搜索再重新開啟搜索,這一步操作是防止重復(fù)wx.startBeaconDiscovery導(dǎo)致失敗
    stopSearchBeacom();
   }
   })
  },
  fail: function (res) {//藍(lán)牙狀態(tài):關(guān)閉
   wx.showToast({ title: "請打開藍(lán)牙", icon: "none", duration: 2000 })
  }
  })
 }
 function redisSave(reqContent) {
  wx.request({
  url: "https://map.intmote.com/LocateServer/location.action",
  data: JSON.stringify(reqContent),
  method: 'POST',
  header: {
   'Content-type': 'application/json'
  },
  success: function (res) {
   // wx.showToast({ title: "seccess" })
  },
  fail: function (res) {
   // wx.showToast({ title: "1" })
  }
  });
 }
 //關(guān)閉成功后開啟搜索
 function stopSearchBeacom() {
  wx.stopBeaconDiscovery({
  success: function () {
   searchBeacon();
  }
  })
 } 
 },

介紹小程序的頁面生命周期函數(shù)之一:onShow

監(jiān)聽頁面顯示:即每次打開頁面都會調(diào)用一次。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • javascript+html5+css3自定義彈出窗口效果

    javascript+html5+css3自定義彈出窗口效果

    這篇文章主要為大家詳細(xì)介紹了javascript+html5+css3自定義彈出窗口效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-10-10
  • 通過JavaScript實(shí)現(xiàn)動態(tài)圣誕樹詳解

    通過JavaScript實(shí)現(xiàn)動態(tài)圣誕樹詳解

    這篇文章主要為大家介紹幾個好看的基于HTML+CSS+JS的圣誕樹,希望圣誕節(jié)那天圣誕老爺爺能把我喜歡的你塞到我床上。感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2021-12-12
  • jquery操作ul的一些操作筆記整理(干貨)

    jquery操作ul的一些操作筆記整理(干貨)

    下面小編就為大家?guī)硪黄猨query操作ul的一些操作筆記整理(干貨)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • JavaScript中的遍歷詳解(多種遍歷)

    JavaScript中的遍歷詳解(多種遍歷)

    編程這么多年,要是每次寫遍歷代碼時都用 for 循環(huán),真心感覺對不起 JavaScript 語言,這篇文章為大家分享幾種不同的遍歷方法,需要的朋友可以參考下
    2017-04-04
  • JS前端文件讀取FileReader操作方法總結(jié)

    JS前端文件讀取FileReader操作方法總結(jié)

    FileReader?包含了一套完整的事件模型,用于捕獲讀取文件時的狀態(tài),下面這篇文章主要給大家介紹了關(guān)于JS前端文件讀取FileReader操作方法的相關(guān)資料,需要的朋友可以參考下
    2024-08-08
  • babel的使用及安裝配置教程

    babel的使用及安裝配置教程

    babel是一個廣泛使用的轉(zhuǎn)碼器,可以將ES6代碼轉(zhuǎn)化為ES5代碼,從而在現(xiàn)有環(huán)境執(zhí)行。這篇文章主要介紹了babel的使用以及安裝配置,需要的朋友可以參考下
    2018-02-02
  • 非??犰诺腂ootstrap圖片輪播動畫

    非??犰诺腂ootstrap圖片輪播動畫

    這篇文章主要為大家分享了非??犰诺腂ootstrap圖片輪播動畫,幾行jQuery和animate.css庫用在基本的Bootstrap輪播組件中,感興趣的小伙伴們可以參考一下
    2016-05-05
  • javascript文件中引用依賴的js文件的方法

    javascript文件中引用依賴的js文件的方法

    在一個js文件中如果需要引入另外所依賴的js文件,可以在一個js文件中導(dǎo)入如下代碼即可
    2014-03-03
  • JS實(shí)現(xiàn)多物體運(yùn)動的方法詳解

    JS實(shí)現(xiàn)多物體運(yùn)動的方法詳解

    這篇文章主要介紹了JS實(shí)現(xiàn)多物體運(yùn)動的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript實(shí)現(xiàn)多物體運(yùn)動的原理與相關(guān)操作技巧,需要的朋友可以參考下
    2018-01-01
  • JavaScript控制臺的更多功能

    JavaScript控制臺的更多功能

    這篇文章主要介紹了JavaScript控制臺的更多功能,想了解控制臺更多功能的同學(xué),一定要看一下
    2021-04-04

最新評論