微信小程序实现的一键连接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 相关文章推荐
Extjs学习笔记之一 初识Extjs之MessageBox
Jan 07 Javascript
jQuery在vs2008及js文件中的无智能提示的解决方法
Dec 30 Javascript
jquery中获取元素里某一特定子元素的代码
Dec 02 Javascript
jquery实现不包含当前项的选择器实例
Jun 25 Javascript
基于Javascript实现文件实时加载进度的方法
Oct 12 Javascript
DropDownList控件绑定数据源的三种方法
Dec 24 Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
Aug 16 jQuery
详解如何使用 vue-cli 开发多页应用
Dec 16 Javascript
js数组常用最重要的方法
Feb 04 Javascript
Express的HTTP重定向到HTTPS的方法
Jun 06 Javascript
在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟
Nov 28 Javascript
理理Vue细节(推荐)
Apr 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
如何在PHP中使用Oracle数据库(4)
2006/10/09 PHP
php自动更新版权信息显示的方法
2015/06/19 PHP
php mysql like 实现多关键词搜索的方法
2016/10/29 PHP
基于jquery的DIV随滚动条滚动而滚动的代码
2012/07/20 Javascript
JavaScript中valueOf函数与toString方法深入理解
2012/12/02 Javascript
jquery+css+ul模拟列表菜单具体实现思路
2013/04/15 Javascript
javascript的内存管理详解
2013/08/07 Javascript
js正则表达式中test,exec,match方法的区别说明
2014/01/29 Javascript
网页下载文件期间如何防止用户对网页进行其他操作
2014/06/27 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
2017/06/14 Javascript
angularjs实现柱状图动态加载的示例
2017/12/11 Javascript
vue :src 文件路径错误问题的解决方法
2018/05/15 Javascript
详解vue使用$http服务端收不到参数
2019/04/19 Javascript
vue实现全匹配搜索列表内容
2019/09/26 Javascript
在Python中使用mechanize模块模拟浏览器功能
2015/05/05 Python
python3监控CentOS磁盘空间脚本
2018/06/21 Python
flask入门之表单的实现
2018/07/18 Python
在python中只选取列表中某一纵列的方法
2018/11/28 Python
django解决跨域请求的问题详解
2019/01/20 Python
Python PO设计模式的具体使用
2019/08/16 Python
python 利用turtle库绘制笑脸和哭脸的例子
2019/11/23 Python
python实现字典嵌套列表取值
2019/12/16 Python
Pytorch使用MNIST数据集实现CGAN和生成指定的数字方式
2020/01/10 Python
Python实现自动访问网页的例子
2020/02/21 Python
html5的input的required使用中遇到的问题及解决方法
2018/04/24 HTML / CSS
Farfetch澳大利亚官网:Farfetch Australia
2020/04/26 全球购物
法律专业实习鉴定
2013/12/22 职场文书
《唯一的听众》教学反思
2014/02/20 职场文书
年会搞笑主持词
2014/03/27 职场文书
小学网上祭英烈活动总结
2014/07/05 职场文书
商场营业员岗位职责
2015/04/14 职场文书
话题作文之生命的旋律
2019/12/17 职场文书
nginx简单配置多个server的方法
2021/03/31 Servers
Tomcat配置访问日志和线程数
2022/05/06 Servers