【项目管理】微信小程序使用Beacon设备实现签到功能

短命女 2024-03-16 15:45 24阅读 0赞

#### 【项目管理】微信小程序使用Beacon设备实现签到功能 ####

*  1.项目介绍
 *  2.流程设计
 *  3.原型设计
 *  4.关键代码
 *  5.开源地址

![在这里插入图片描述][9694c600c3364172b6c5f28613902154.png] ![在这里插入图片描述][9e99b63d26ac404b874e1140e6e56454.png]

> WeChatDevTools : WeChatDevTools Stable 1.06.2303220
> 
> WeChat : 8.0.35
> 
> 调试基础库 : 2.32.0

## 1.项目介绍 ##

iCheckIn 为微信小程序项目，通过调用手机蓝牙功能搜索 Beacon 设备，实现课程签到的功能，该项目我只完成了微信小程序端的实现，流程设计和原型设计都是参考我们小组组长给的样例，重新设计的。这里是他的[GitHub主页链接][GitHub]，有兴趣大家可以去点下关注

## 2.流程设计 ##

![在这里插入图片描述][d6d6e7181cb1495e8fee9fa39cbaa19c.png]

## 3.原型设计 ##

[墨刀原型设计链接][Link 1]

下面是原型设计截图  
![在这里插入图片描述][3515c039b0e348a1ae7d80d79d98cb85.png]

## 4.关键代码 ##

这里使用 wx.startBeaconDiscovery 方法查找附近的 Beacon 设备，uuids 为筛选列表，我们只需要查询对应这些 uuid 的 Beacon 设备，查找成功后我们就可以调用该 Beacon 设备信息进行签到处理了

//开始寻找信标设备
      startFindDevices: function () {
        
        let that = this;
        timer = setTimeout(function () {
        
          that.stopFindDevices('false', "搜索设备超时")
        }, 10000) //搜索超时 停止扫描设备
        wx.startBeaconDiscovery({
        
          //设置ibeacons的参数
          //000FFFF-0000-1000-8000-00805F9B34FB，这是一个通用的 UUID，可以用于扫描大多数 Beacon 设备
          uuids: ['0000FFFF-0000-1000-8000-00805F9B34FB', 'FDA50693-A4E2-4FB1-AFCF-C6EB07647801', 'FDA50693-A4E2-4FB1-AFCF-C6EB07647802', 'FDA50693-A4E2-4FB1-AFCF-C6EB07647803', 'FDA50693-A4E2-4FB1-AFCF-C6EB07647804', 'FDA50693-A4E2-4FB1-AFCF-C6EB07647805', 'FDA50693-A4E2-4FB1-AFCF-C6EB07647806'],
          //连接成功
          success: function () {
        
            that.doSignIn();
          },
          fail: function (res) {
        
            console.log(res);
            if(res.errCode == '11003'){
        
              that.doSignIn();//如果已经打开了扫描设备，则直接进行签到
            } else {
        
              that.stopFindDevices('false', res.errMsg); //停止扫描设备，返回结果
            }
          },
        })
      },

这里通过将查到的 Beacon 设备的 UUID 和用户的学号，传到后台进行签到处理

//进行签到
      doSignIn: function () {
        
        let that = this;
        //监听iBeacon设备的更新事件
        wx.onBeaconUpdate(function (res) {
        
          wx.getBeacons({
        
            success: (result) => {
        
              if (res.beacons) {
        
                let count = res.beacons.length;
                if (count >= 1) {
         //显示正在签到
                  clearTimeout(timer); //扫描信标成功后，清除定时器
                  if (!hasSignIn) {
         //如果没有签到，则进行签到
                    hasSignIn = true; //标识已签到
                    that.setData({
        
                      promptInfo: '正在签到......'
                    });
                    let selectIndex = 0;
                    for (let i = 0; i < count; i++) {
        
                      if (Math.abs(res.beacons[i].RSSI) < Math.abs(res.beacons[selectIndex].RSSI)) {
        
                        selectIndex = i; //如果RSSI绝对值更小，取更小的这个beacon
                      }
                    }
                    let ibeacon1 = res.beacons[selectIndex]
                    let uuid = ibeacon1.uuid; //uuid
                    let rssi = Math.abs(ibeacon1.rssi); //rssi
                    let stu_name = wx.getStorageSync('stu_name'); //姓名
                    let stu_number = wx.getStorageSync('stu_number'); //学号
                    let postHeader = {
        
                      'content-type': 'application/json',
                    };
                    let postData = {
        
                      "studentNo": stu_number,
                      "studentName": stu_name,
                      "beacons": [{
        
                        "beaconName": uuid,
                        "rssi": rssi
                      }]
                    };
    
                    let result = '';
                    let message = '';
                    wx.request({
        
                      url: 'https://sjtu.yangzezhi.com/api/checkin',
                      header: postHeader,
                      method: 'POST',
                      data: JSON.stringify(postData),
                      success(res) {
        
                        if (res.data.success) {
        
                          result = res.data.success;
                          message = res.data.data.classroom;
                        } else {
        
                          if (res.data.message) {
        
                            result = res.success;
                            message = res.data.message;
                          } else {
        
                            result = false;
                            message = res.data.status + " " + res.data.error;
                          }
                        }
                      },
                      fail(res) {
        
                        result = false;
                        message = res.errMsg;
                      },
                      complete() {
        
                        that.stopFindDevices(result, message);
                      }
                    })
                  }
                }
              }
            },
          })
        })
      },

## 5.开源地址 ##

**Gitee**：[https://gitee.com/lijinjiang01/iCheckIn][https_gitee.com_lijinjiang01_iCheckIn]  
**Github**：[https://github.com/lijinjiang01/iCheckIn][https_github.com_lijinjiang01_iCheckIn]

[9694c600c3364172b6c5f28613902154.png]: https://img-blog.csdnimg.cn/9694c600c3364172b6c5f28613902154.png
[9e99b63d26ac404b874e1140e6e56454.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/8704a88a99694f23af5b42f51ad25e97.png
[GitHub]: https://github.com/tokgocode
[d6d6e7181cb1495e8fee9fa39cbaa19c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/fe7e268364584267b2d8d367c25dd105.png
[Link 1]: https://modao.cc/app/KsyPQPKKrukzxa2eCfnkvE
[3515c039b0e348a1ae7d80d79d98cb85.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/a84dacf0c03b4822a2ca56a50496e683.png
[https_gitee.com_lijinjiang01_iCheckIn]: https://gitee.com/lijinjiang01/iCheckIn
[https_github.com_lijinjiang01_iCheckIn]: https://github.com/lijinjiang01/iCheckIn