177-371-24501(同微信)

小程序扫码连wifi如何实现

2022-04-21 管理员

  


小程序扫码连wifi是很常见的功能,只要你在贴有二维码的地方扫描即可连接wifi,那么这种方式要如何实现呢?

  饭店,商铺存在共享的wifi的地方,只需要贴出二维码,用户扫描后自动连接。

  小程序 缺点:android6版本 ios11版本

  图片演示

  // pages/wifi/wifi.js

  Page({

  data: {

  startError: '',//初始化错误提示

  wifiListError: false, //wifi列表错误显示开关

  wifiListErrorInfo: '',//wifi列表错误详细

  system: '', //版本号

  platform: '', //系统 android

  ssid: 'wifi帐号',//wifi帐号(必填)

  pass: 'wifi密码',//无线网密码(必填)

  bssid: '',//设备号 自动获取

  endError: ''//连接最后的提示

  },

  onLoad: function () {

  var _this = this;

  //检测手机型号

  wx.getSystemInfo({

  success: function (res) {

  var system = '';

  if (res.platform == 'android') system = parseInt(res.system.substr(8));

  if (res.platform == 'ios') system = parseInt(res.system.substr(4));

  if (res.platform == 'android' && system < 6) {

  _this.setData({ startError: '手机版本暂时不支持' }); return

  }

  if (res.platform == 'ios' && system < 11) {

  _this.setData({ startError: '手机版本暂时不支持' }); return

  }

  _this.setData({ platform: res.platform });

  //初始化 Wi-Fi 模块

  _this.startWifi(_this);

  }

  })

  },//初始化 Wi-Fi 模块。

  startWifi: function (_this) {

  wx.startWifi({

  success: function () {

  _this.getList(_this);

  },

  fail: function (res) {

  _this.setData({ startError: res.errMsg });

  }

  })

  },

  getList: function (_this) {

  //安卓执行方法

  if (_this.data.platform == 'android') {

  //请求获取 Wi-Fi 列表

  wx.getWifiList({

  success: function (res) {

  //安卓执行方法

  _this.AndroidList(_this);

  },

  fail: function (res) {

  _this.setData({ wifiListError: true });

  _this.setData({ wifiListErrorInfo: res.errMsg });

  }

  })

  }

  //IOS执行方法

  if (_this.data.platform == 'ios') {

  _this.IosList(_this);

  }

  },

  AndroidList: function (_this) {

  //监听获取到 Wi-Fi 列表数据

  wx.onGetWifiList(function (res) { //获取列表

  if (res.wifiList.length) {

  // _this.setData({

  // wifiList: res.wifiList

  // });

  //循环找出信号最好的那一个(wifi存在多个)

  var ssid = _this.data.ssid;

  var signalStrength = 0;

  var bssid = '';

  for (var i = 0; i < res.wifiList.length; i++) {

  if (res.wifiList[i]['SSID'] == ssid && res.wifiList[i]['signalStrength'] > signalStrength) {

  bssid = res.wifiList[i]['BSSID'];

  signalStrength = res.wifiList[i]['signalStrength'];

  }

  }

  if (!signalStrength) {

  _this.setData({ wifiListError: true });

  _this.setData({ wifiListErrorInfo: '未查询到设置的wifi' });

  return

  }

  _this.setData({ bssid: bssid });

  //执行连接方法

  //连接wifi

  _this.Connected(_this);

  } else {

  _this.setData({ wifiListError: true });

  _this.setData({ wifiListErrorInfo: '未查询到设置的wifi' });

小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。

有关进一步了解小程序开发案例,请前往:https://www.kesion.com/miniprogramdev/ 

上一篇:小程序下订单日历插件,类似携程等酒店订房小程序
下一篇:微信小程序全选功能如何实现
相关资讯 Releva ntnews
解决方案 Solutions
相关热点 Hot spot
快速提升网站排名的方法
  1. 我们的优势
  2. 我们的实力
  3. 选择我们的理由
咨询电话(微信同号)

177-371-24501(同微信)

豫ICP备17049932号

Copyright © 2017-2022 版权所有 追风建站 Rights Reserved 技术支持:酷微科技

电话咨询 在线咨询 服务项目 SEO优化