微信小程序ibeacon搜索功能制作

// 在小程序页面中的js文件中编写代码
Page({
  data: {
    beacons: [] // 存储搜索到的iBeacon设备信息
  },
  onReady() {
    // 初始化iBeacon
    wx.startBeaconDiscovery({
         uuids: ['你的UUID'], // 替换为你的UUID
      success: res => {
        console.log("开始搜索iBeacon设备");
      },
      fail: err => {
        console.error("启动iBeacon搜索失败:", err);
      }
    });
    // 监听iBeacon设备变化
    wx.onBeaconUpdate(res => {
      console.log("发现新的iBeacon设备:", res.beacons);
      // 更新beacons数据
      this.setData({
        beacons: res.beacons
      });
    });
  },
  // 停止搜索
  onStopSearch() {
    wx.stopBeaconDiscovery({
      success: res => {
        console.log("停止搜索iBeacon设备");
        // 清空beacons数据
        this.setData({
          beacons: []
        });
      },
      fail: err => {
        console.error("停止iBeacon搜索失败:", err);
      }
    });
  }
});

<!-- 在小程序页面的wxml文件中 -->
<view class="container">
  <button bindtap="onStopSearch">停止搜索</button>
  <view wx:for="{{beacons}}" wx:key="index">
    <!-- 在这里展示iBeacon设备信息 -->
    <text>UUID: {{item.uuid}}</text>
    <text>Major: {{item.major}}</text>
    <text>Minor: {{item.minor}}</text>
    <text>信号强度: {{item.rssi}}</text>
  </view>
</view>