微信小程序实现的一键连接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 相关文章推荐
js可突破windows弹退效果代码
Aug 09 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
Apr 29 Javascript
jquery 3D 标签云示例代码
Jun 12 Javascript
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
Oct 17 Javascript
js实现仿阿里巴巴城市选择框效果实例
Jun 24 Javascript
jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法
Aug 10 Javascript
jQuery使用$.each遍历json数组的简单实现方法
Apr 18 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
Aug 31 Javascript
bootstrapValidator自定验证方法写法
Dec 01 Javascript
Angular.js中数组操作的方法教程
Jul 31 Javascript
element-ui中select组件绑定值改变,触发change事件方法
Aug 24 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
Sep 09 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
自动分页的不完整解决方案
2007/01/12 PHP
PhpMyAdmin出现export.php Missing parameter: what /export_type错误解决方法
2012/08/09 PHP
PHP curl实现抓取302跳转后页面的示例
2014/07/04 PHP
PHP实现无限极分类图文教程
2014/11/25 PHP
thinkphp中memcache的用法实例
2014/11/29 PHP
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
微信公众号OAuth2.0网页授权问题浅析
2017/01/21 PHP
PHP实用小技巧之调用录像的方法
2019/12/05 PHP
Prototype使用指南之string.js
2007/01/10 Javascript
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
Highcharts 非常实用的Javascript统计图demo示例
2013/07/03 Javascript
IE8下String的Trim()方法失效的解决方法
2013/11/08 Javascript
使用时间戳解决ie缓存的问题
2014/08/20 Javascript
js实现滑动触屏事件监听的方法
2015/05/05 Javascript
讲解JavaScript中for...in语句的使用方法
2015/06/03 Javascript
jQuery实现的漂亮表单效果代码
2015/08/18 Javascript
jquery实现经典的淡入淡出选项卡效果代码
2015/09/22 Javascript
你有必要知道的25个JavaScript面试题
2015/12/29 Javascript
vue实现百度搜索下拉提示功能实例
2017/06/14 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
2018/03/21 Javascript
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
2018/08/16 Javascript
vue组件库的在线主题编辑器的实现思路
2020/04/03 Javascript
深入理解Python中装饰器的用法
2016/06/28 Python
Python正则表达式经典入门教程
2017/05/22 Python
Python利用字典破解WIFI密码的方法
2019/02/27 Python
pandas.DataFrame的pivot()和unstack()实现行转列
2019/07/06 Python
python使用Qt界面以及逻辑实现方法
2019/07/10 Python
请介绍一下Ant
2016/07/22 面试题
《大作家的小老师》教学反思
2014/04/16 职场文书
优秀学生干部先进事迹材料
2014/05/26 职场文书
离婚财产处理协议书
2014/09/30 职场文书
学生检讨书范文
2015/01/27 职场文书
家庭教育教师培训学习体会
2016/01/14 职场文书
详解Spring事件发布与监听机制
2021/06/30 Java/Android
Python集合的基础操作
2021/11/01 Python
使用 Apache 反向代理的设置技巧
2022/01/18 Servers