微信小程序实现的一键连接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 相关文章推荐
GreyBox技术总结(转)
Nov 23 Javascript
html中table数据排序的js代码
Aug 09 Javascript
JQuery的$和其它JS发生冲突的快速解决方法
Jan 24 Javascript
JSON+HTML实现国家省市联动选择效果
May 18 Javascript
用循环或if语句从json中取数据示例
Aug 18 Javascript
浅谈Javascript的静态属性和原型属性
May 07 Javascript
JavaScript中使用数组方法汇总
Feb 16 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
Mar 27 Javascript
Vue.js框架路由使用方法实例详解
Aug 25 Javascript
基于webpack.config.js 参数详解
Mar 20 Javascript
create-react-app 修改为多入口编译的方法
Aug 01 Javascript
angularjs http与后台交互的实现示例
Dec 21 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
第4章 数据处理-php数组的处理-郑阿奇
2011/07/04 PHP
php微信支付之APP支付方法
2015/03/04 PHP
PHP实现的迪科斯彻(Dijkstra)最短路径算法实例
2017/09/16 PHP
详解PHP中的8个魔术常量
2020/07/06 PHP
一组JS创建和操作表格的函数集合
2009/05/07 Javascript
JavaScript 学习初步 入门教程
2010/03/25 Javascript
jQuery Jcrop插件实现图片选取功能
2011/11/23 Javascript
JS获取整个页面文档的实现代码
2011/12/15 Javascript
js中有关IE版本检测
2012/01/04 Javascript
Shell脚本实现Linux系统和进程资源监控
2015/03/05 Javascript
ECMAScript6中Set/WeakSet详解
2015/06/12 Javascript
Jquery跨域获得Json的简单实例
2016/05/18 Javascript
node.js实现快速截图
2016/08/27 Javascript
AngularJS实现动态编译添加到dom中的方法
2016/11/04 Javascript
JavaScript中数据类型转换总结
2016/12/25 Javascript
详解vue-validator(vue验证器)
2017/01/16 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
实时监控input框,实现输入框与下拉框联动的实例
2018/01/23 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
2019/03/06 Javascript
微信小程序 this.triggerEvent()的具体使用
2019/12/10 Javascript
vue组件库的在线主题编辑器的实现思路
2020/04/03 Javascript
[02:40]DOTA2超级联赛专访430 从小就爱玩对抗性游戏
2013/06/18 DOTA
[56:41]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs OG
2018/04/01 DOTA
Python中的choice()方法使用详解
2015/05/15 Python
Python视频爬虫实现下载头条视频功能示例
2018/05/07 Python
Django实现web端tailf日志文件功能及实例详解
2019/07/28 Python
浅谈python已知元素,获取元素索引(numpy,pandas)
2019/11/26 Python
python UIAutomator2使用超详细教程
2021/02/19 Python
UGG雪地靴荷兰官网:UGG荷兰
2016/09/09 全球购物
运输服务质量承诺书
2014/03/27 职场文书
团日活动总结书格式
2014/05/08 职场文书
小学节能减排倡议书
2014/05/15 职场文书
公司投资建议书
2014/05/16 职场文书
2014年打非治违工作总结
2014/11/13 职场文书
市场督导岗位职责
2015/04/10 职场文书
运动会开幕式新闻稿
2015/07/17 职场文书