微信小程序实现的一键连接wifi功能示例


Posted in Javascript onApril 24, 2019

本文实例讲述了微信小程序实现的一键连接wifi功能。分享给大家供大家参考,具体如下:

在已知wifi账号和wifi密码的情况下,一般采用以下的流程来连接wifi

Wi-Fi 接口调用:

1.Android: startWifi —> connectWifi —> onWifiConnected

2.iOS(仅iOS 11及以上版本支持):

startWifi —> connectWifi —> onWifiConnected

操作步骤如下:

1.获取手机的型号:

connectWifi:function() {
var that = 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) {
wx.showToast({
title: '手机版本不支持',
})
return
}
if (res.platform == 'ios' && system < 11.2) {
wx.showToast({
title: '手机版本不支持',
})
return
}
//2.初始化 Wi-Fi 模块
that.startWifi();
}
})
},
//初始化 Wi-Fi 模块
startWifi: function() {
var that=this
wx.startWifi({
success: function() {
//请求成功连接Wifi
that.Connected();
},
fail: function(res) {
this.setData({
wx.showToast({
title: '接口调用失败',
})
});
}
})
},

3.连接已知Wifi

Connected: function() {
var that=this
wx.connectWifi({
SSID: that.data.accountNumber,
BSSID: that.data.bssid,
password: that.data.password,
success: function(res) {
wx.showToast({
title: 'wifi连接成功',
})
},
fail: function(res) {
wx.showToast({
title: 'wifi连接失败',
})
}
})
},
//使用的参数
data:{
accountNumber: '',//Wi-Fi 的SSID,即账号
bssid: '',//Wi-Fi 的ISSID
password: '',//Wi-Fi 的密码
}

.wxml连接按钮

<button bindtap="connectWifi"></button>

如测试失败:可留言,看到后即可回复,建议用真机调试

相关接口调用可参考官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/wx.connectWifi.html

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
Javascript 浮点运算的问题分析与解决方法
Aug 27 Javascript
借助javascript代码判断网页是静态还是伪静态
May 05 Javascript
javascript与jquery中的this关键字用法实例分析
Dec 24 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
Jun 10 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
Jun 12 Javascript
从零学习node.js之利用express搭建简易论坛(七)
Feb 25 Javascript
AngularJS双向绑定和依赖反转实例详解
Apr 15 Javascript
详解基于vue的移动web app页面缓存解决方案
Aug 03 Javascript
在Vue中使用highCharts绘制3d饼图的方法
Feb 08 Javascript
vue 兄弟组件的信息传递的方法实例详解
Aug 30 Javascript
基于JavaScript的数据结构队列动画实现示例解析
Aug 06 Javascript
javascript实现贪吃蛇游戏(娱乐版)
Aug 17 Javascript
vue router 通过路由来实现切换头部标题功能
Apr 24 #Javascript
js实现全选反选不选功能代码详解
Apr 24 #Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 #Javascript
Vue源码解析之数据响应系统的使用
Apr 24 #Javascript
详解微信小程序文件下载--视频和图片
Apr 24 #Javascript
详解微信小程序之一键复制到剪切板
Apr 24 #Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
Apr 24 #Javascript
You might like
php中使用session_set_save_handler()函数把session保存到MySQL数据库实例
2014/11/06 PHP
PHP中多线程的两个实现方法
2016/10/14 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
JavaScript实现基于Cookie的存储类实例
2015/04/10 Javascript
js判断日期时间有效性的方法
2015/10/24 Javascript
JavaScript常用本地对象小结
2016/03/28 Javascript
JavaScript的MVVM库Vue.js入门学习笔记
2016/05/03 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
2016/10/11 Javascript
vue axios同步请求解决方案
2017/09/29 Javascript
基于axios封装fetch方法及调用实例
2018/02/05 Javascript
vue cli webpack中使用sass的方法
2018/02/24 Javascript
Vue 自定义指令功能完整实例
2019/09/17 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
2019/11/01 Javascript
vue 重塑数组之修改数组指定index的值操作
2020/08/09 Javascript
vue下拉刷新组件的开发及slot的使用详解
2020/12/23 Vue.js
[13:25]VP vs VICI (BO3)
2018/06/07 DOTA
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
Python六大开源框架对比
2015/10/19 Python
python开发利器之ulipad的使用实践
2017/03/16 Python
python实现flappy bird游戏
2018/12/24 Python
Python OpenCV 调用摄像头并截图保存功能的实现代码
2019/07/02 Python
python操作gitlab API过程解析
2019/12/27 Python
Python学习笔记之装饰器
2020/08/06 Python
python 写一个文件分发小程序
2020/12/05 Python
日本7net购物网:书籍、漫画、杂志、DVD、游戏邮购
2017/02/17 全球购物
哈萨克斯坦移动和数字技术在线商店:SatelOnline.kz
2020/09/04 全球购物
2014年幼儿园元旦活动方案
2014/02/13 职场文书
婚礼主持词
2014/03/13 职场文书
2014财务人员自我评价范文
2014/09/21 职场文书
2014教师专业技术工作总结
2014/12/03 职场文书
2015年消防工作总结
2015/04/24 职场文书
挂职锻炼工作总结2015
2015/05/28 职场文书
农村老人去世追悼词
2015/06/23 职场文书
2017大学生寒假社会实践心得体会
2016/01/14 职场文书
机关单位2016年法制宣传日活动总结
2016/04/01 职场文书
警用民用对讲机找不同
2022/02/18 无线电