小程序扫码连wifi如何实现

发布时间:2023-08-10 20:28:42 作者:路人 阅读量:7790

  


小程序扫码连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['SSID'] == ssid && res.wifiList['signalStrength'] > signalStrength) {

  bssid = res.wifiList['BSSID'];

  signalStrength = res.wifiList['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步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。

更多小程序开发案例,尽在:http://www.duochengxu.comkaifa.html 

***本网站图片,文字之类版权申明,因为网站可以由注册用户自行上传图片或文字,本网站无法鉴别所上传图片或文字的知识版权,如果侵犯,请及时通知我们,本网站将在第一时间及时删除。

我要评论

网友评论


评论时间:2024-03-26 11:27:02

3.修正部分程序不能正常启动问题;4app制作开发公司如何收费 app制作外包方案 3.修正部分程序不能正常启动问题;4.修正部分程序无法进入主菜单提示问题;5.解决部分程序显示错误问题;6.解决部分程序不能打开问题;7.修正部分程序可能出现卡死现象;8.解决部分程序会突然弹出提示框问题;9.修正部分程序在没有连接电脑时,无法识别文件的BUG

回复
秒制作
Catfish(鲶鱼) Blog V 4.7.3