微信小程序实现的一键连接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之自定义类型
May 04 Javascript
浅谈javascript中onbeforeunload与onunload事件
Dec 10 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
Jan 14 Javascript
学习JS中的DOM节点以及操作
Apr 30 Javascript
新手必须知的Node.js 4个JavaScript基本概念
Sep 16 Javascript
使用angular-cli webpack创建多个包的方法
Oct 16 Javascript
送你43道JS面试题(收藏)
Jun 17 Javascript
layui加载数据显示loading加载完成loading消失的实例代码
Sep 23 Javascript
详解微信小程序之提高应用速度小技巧
Jan 07 Javascript
JS实现网页时钟特效
Mar 25 Javascript
解决vue中的无限循环问题
Jul 27 Javascript
如何构建 vue-ssr 项目的方法步骤
Aug 04 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接口和抽象类使用示例详解
2014/03/02 PHP
PHP中array_map与array_column之间的关系分析
2014/08/19 PHP
php实现无限级分类
2014/12/24 PHP
PHP抓取网页、解析HTML常用的方法总结
2015/07/01 PHP
Laravel如何使用数据库事务及捕获事务失败后的异常详解
2017/10/23 PHP
ThinkPHP框架中使用Memcached缓存数据的方法
2018/03/31 PHP
在laravel中实现将查询的对象转换为多维数组的函数
2019/10/21 PHP
6款新颖的jQuery和CSS3进度条插件推荐
2013/03/05 Javascript
jquery常用特效方法使用示例
2014/04/25 Javascript
node.js中的buffer.toString方法使用说明
2014/12/14 Javascript
AngularJS中关于ng-class指令的几种实现方式详解
2016/09/17 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
2016/12/15 Javascript
node.js基于mongodb的搜索分页示例
2017/01/22 Javascript
vue深入解析之render function code详解
2017/07/18 Javascript
Vue resource三种请求格式和万能测试地址
2018/09/26 Javascript
微信小程序module.exports模块化操作实例浅析
2018/12/20 Javascript
JS实现倒序输出的几种常用方法示例
2019/04/13 Javascript
element中el-container容器与div布局区分详解
2020/05/13 Javascript
javascript实现数字时钟效果
2021/02/06 Javascript
python通过文件头判断文件类型
2015/10/30 Python
用yum安装MySQLdb模块的步骤方法
2016/12/15 Python
python机器学习实战之树回归详解
2017/12/20 Python
详谈python3 numpy-loadtxt的编码问题
2018/04/29 Python
python统计多维数组的行数和列数实例
2018/06/23 Python
python 通过麦克风录音 生成wav文件的方法
2019/01/09 Python
python中Mako库实例用法
2020/12/31 Python
HTML5时代CSS设置漂亮字体取代图片
2014/09/04 HTML / CSS
CSS Grid布局教程之什么是网格布局
2014/12/30 HTML / CSS
美国派对用品及装饰品网上商店:Shindigz
2016/07/30 全球购物
英国领先的品牌珠宝和配件供应商:Acotis Jewellery
2018/03/07 全球购物
巴西购物网站:Estrela10
2018/12/13 全球购物
美国唇部护理专家:Sara Happ
2019/06/19 全球购物
大三自我鉴定范文
2013/10/05 职场文书
清明节文明祭祀倡议书
2015/04/28 职场文书
校友会致辞
2015/07/30 职场文书
2016银行求职自荐信
2016/01/28 职场文书