微信小程序实现的一键连接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 相关文章推荐
javascritp实现input输入框相关限制用法
Jun 29 Javascript
javascript获取xml节点的最大值(实现代码)
Dec 11 Javascript
node.js实现BigPipe详解
Dec 05 Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
Dec 31 Javascript
教你用javascript实现随机标签云效果_附代码
Mar 16 Javascript
Vue组件tree实现树形菜单
Apr 13 Javascript
JavaScript编写的网页小游戏,很给力
Aug 18 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
Jun 12 Javascript
vue 实现走马灯效果
Oct 28 Javascript
leaflet加载geojson叠加显示功能代码
Feb 21 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 Javascript
JS函数式编程实现XDM一
Jun 16 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
为查询结果建立向后/向前按钮
2006/10/09 PHP
PHP中,文件上传
2006/12/06 PHP
基于PHP后台的Android新闻浏览客户端
2016/05/23 PHP
一个小型js框架myJSFrame附API使用帮助
2008/06/28 Javascript
JS 继承实例分析
2008/11/04 Javascript
自定义jQuery选项卡插件实例
2013/03/27 Javascript
javascript伸缩型菜单实现代码
2015/11/16 Javascript
jQuery+CSS实现滑动的标签分栏切换效果
2015/12/17 Javascript
实例详解AngularJS实现无限级联动菜单
2016/01/15 Javascript
JS去除空格和换行的正则表达式(推荐)
2016/06/14 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
2016/09/09 Javascript
微信小程序 122100版本更新问题解决方案
2016/12/22 Javascript
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
JS实现小球的弹性碰撞效果
2017/11/11 Javascript
解决angularJS中input标签的ng-change事件无效问题
2018/09/13 Javascript
简单了解JavaScript sort方法
2019/11/25 Javascript
全网小程序接口请求封装实例代码
2020/11/06 Javascript
[51:11]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS DT
2014/05/22 DOTA
Win7上搭建Cocos2d-x 3.1.1开发环境
2014/07/03 Python
详解python的数字类型变量与其方法
2016/11/20 Python
python将文本分每两行一组并保存到文件
2018/03/19 Python
查看django版本的方法分享
2018/05/14 Python
python使用正则表达式来获取文件名的前缀方法
2018/10/21 Python
python机器人运动范围问题的解答
2019/04/29 Python
如何在python中执行另一个py文件
2020/04/30 Python
Python文件操作及内置函数flush原理解析
2020/10/13 Python
Python使用eval函数执行动态标表达式过程详解
2020/10/17 Python
Python headers请求头如何实现快速添加
2020/11/03 Python
如何开发一个JQuery插件
2016/07/28 面试题
企业申诉管理制度
2014/01/30 职场文书
企业口号大全
2014/06/12 职场文书
工厂门卫的岗位职责
2014/07/27 职场文书
2015年妇联工作总结范文
2015/04/22 职场文书
交通事故协议书范本
2016/03/19 职场文书
Redis分布式锁Redlock的实现
2021/08/07 Redis
Python利用Turtle绘制哆啦A梦和小猪佩奇
2022/04/04 Python