微信小程序实现的一键连接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+Flash实现访问剪切板操作
Nov 20 Javascript
jquery使用经验小结
May 20 Javascript
理解Javascript图片预加载
Feb 23 Javascript
JS实现类似51job上的地区选择效果示例
Nov 17 Javascript
Parcel 打包示例(React HelloWorld)
Jan 16 Javascript
fastadmin中调用js的方法
May 14 Javascript
Vue Router history模式的配置方法及其原理
May 30 Javascript
javascript中的this作用域详解
Jul 15 Javascript
vue.js路由mode配置之去掉url上默认的#方法
Nov 01 Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
Nov 20 Javascript
详解Vue中的Props与Data细微差别
Mar 02 Javascript
Node.js web 应用如何封装到Docker容器中
Sep 01 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教程 基本语法
2009/10/23 PHP
解决在laravel中leftjoin带条件查询没有返回右表为NULL的问题
2019/10/15 PHP
脚本收藏iframe
2006/07/21 Javascript
javascript iframe中打开文件,并检测iframe存在否
2008/12/28 Javascript
document.getElementById方法在Firefox与IE中的区别
2010/05/18 Javascript
IE6中使用position导致页面变形的解决方案(js代码)
2011/01/09 Javascript
ajax 同步请求和异步请求的差异分析
2011/07/04 Javascript
js输入框邮箱自动提示功能代码实现
2013/12/10 Javascript
PHP开发者必须掌握的6个关键字
2014/04/14 Javascript
JS小游戏之极速快跑源码详解
2014/09/25 Javascript
JQuery中使用on方法绑定hover事件实例
2014/12/09 Javascript
JS中捕获console.log()输出的方法
2015/04/16 Javascript
在JavaScript中操作数组之map()方法的使用
2015/06/09 Javascript
jQuery实现的纵向下拉菜单实例详解【附demo源码下载】
2016/07/09 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
nodejs基础应用
2017/02/03 NodeJs
jquery对象与DOM对象转化
2017/02/08 Javascript
Bootstrap table使用方法总结
2017/05/10 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
2018/03/07 Javascript
详解Angularjs 自定义指令中的数据绑定
2018/07/19 Javascript
利用Vue实现一个markdown编辑器实例代码
2019/05/19 Javascript
python计数排序和基数排序算法实例
2014/04/25 Python
python实现简单购物商城
2016/05/21 Python
解决Python3中的中文字符编码的问题
2018/07/18 Python
python实现对指定字符串补足固定长度倍数截断输出的方法
2018/11/15 Python
Python爬虫实例——scrapy框架爬取拉勾网招聘信息
2020/07/14 Python
前端canvas动画如何转成mp4视频的方法
2019/06/17 HTML / CSS
h5页面背景图很长要有滚动条滑动效果的实现
2021/01/27 HTML / CSS
英国复古和经典球衣网站:Vintage Football Shirts
2018/10/05 全球购物
俄罗斯在线购买飞机票、火车票、巴士票网站:Tutu.ru
2020/03/16 全球购物
GWebs公司笔试题
2012/05/04 面试题
儿科护士实习自我鉴定
2013/10/17 职场文书
厂办主管岗位职责范本
2014/02/28 职场文书
党风廉设责任书
2014/04/16 职场文书
大学生应聘求职信
2014/05/26 职场文书
Nginx配置80端口访问8080及项目名地址方法解析
2021/03/31 Servers