微信小程序实现的一键连接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 相关文章推荐
use jscript with List Proxy Server Information
Jun 11 Javascript
JavaScript 组件之旅(三):用 Ant 构建组件
Oct 28 Javascript
jqgrid 简单学习笔记
May 03 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
Mar 29 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
Aug 03 Javascript
获取数组中最大最小值方法js代码(自写)
Aug 12 Javascript
js中的preventDefault与stopPropagation详解
Jan 29 Javascript
Node.js安装配置图文教程
May 10 Javascript
jquery单击文字或图片内容放大并居中显示
Jun 23 jQuery
详谈AngularJs 控制器、数据绑定、作用域
Jul 09 Javascript
使用vux实现上拉刷新功能遇到的坑
Feb 08 Javascript
node.js到底要不要加分号浅析
Jul 11 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+mysql保存和输出文件
2006/10/09 PHP
PHP文件上传操作实例详解
2016/09/27 PHP
JavaScript静态的动态
2006/09/18 Javascript
在JavaScript中,为什么要尽可能使用局部变量?
2009/04/06 Javascript
document.compatMode介绍
2009/05/21 Javascript
Javascript 面向对象(三)接口代码
2012/05/23 Javascript
用按钮控制iframe显示的网页实现方法
2013/02/04 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
2016/04/29 Javascript
动态JavaScript所造成一些你不知道的危害
2016/09/25 Javascript
jQuery zTree树插件动态加载实例代码
2017/05/11 jQuery
Angular2生命周期钩子函数的详细介绍
2017/07/10 Javascript
详解VueJS 数据驱动和依赖追踪分析
2017/07/26 Javascript
bootstrap table支持高度百分比的实例代码
2018/02/28 Javascript
[原创]微信小程序获取网络类型的方法示例
2019/03/01 Javascript
javascript的delete运算符知识点总结
2019/11/19 Javascript
举例讲解Python中装饰器的用法
2015/04/27 Python
python中json格式数据输出的简单实现方法
2016/10/31 Python
浅谈python numpy中nonzero()的用法
2018/04/02 Python
Python面向对象之类和对象实例详解
2018/12/10 Python
python创建属于自己的单词词库 便于背单词
2019/07/30 Python
PyQt+socket实现远程操作服务器的方法示例
2019/08/22 Python
Python进程间通信multiprocess代码实例
2020/03/18 Python
详解python定时简单爬取网页新闻存入数据库并发送邮件
2020/11/27 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
春秋航空官方网站:Spring Airlines
2017/09/27 全球购物
在weblogic中发布ejb需涉及到哪些配置文件
2012/01/17 面试题
口腔医学技术应届生求职信
2013/11/09 职场文书
人力资源部经理岗位职责规定
2014/02/23 职场文书
医学专业应届生的自我评价
2014/02/28 职场文书
药剂专业毕业生求职信
2014/06/24 职场文书
法语专业求职信
2014/07/20 职场文书
淘宝好评语句大全
2014/12/31 职场文书
施工安全保证书
2015/05/09 职场文书
2015入党自传书范文
2015/06/26 职场文书
护士岗前培训心得体会
2016/01/08 职场文书
vue3中的组件间通信
2021/03/31 Vue.js