微信小程序实现的一键连接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 相关文章推荐
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 Javascript
Thinkphp模板没有解析直接原样输出的解决方法
Oct 31 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
Feb 05 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
May 04 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
Aug 12 Javascript
js判断复选框是否选中及选中个数的实现代码
May 30 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
Jul 21 Javascript
vue 动态修改a标签的样式的方法
Jan 18 Javascript
Angularjs实现页面模板清除的方法
Jul 20 Javascript
微信小程序提取公用函数到util.js及使用方法示例
Jan 10 Javascript
解决layui-open关闭自身窗口的问题
Sep 10 Javascript
vue实现倒计时获取验证码效果
Apr 17 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 stristr() 函数(不区分大小写的字符串查找)
2010/06/03 PHP
PHP文章采集URL补全函数(FormatUrl)
2012/08/02 PHP
php连接mssql数据库的几种方法
2013/02/21 PHP
Thinkphp5.0 框架实现控制器向视图view赋值及视图view取值操作示例
2019/10/12 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
[原创]保存的js无法执行的解决办法
2007/02/25 Javascript
js loading加载效果实现代码
2009/11/24 Javascript
jquery中ajax调用json数据的使用说明
2011/03/17 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
2011/07/04 Javascript
jquery插件jquery倒计时插件分享
2013/12/27 Javascript
jquery实现的导航固定效果
2014/04/28 Javascript
jQuery制作效果超棒的手风琴折叠菜单
2015/04/03 Javascript
简介JavaScript中的setTime()方法的使用
2015/06/11 Javascript
jQuery的Cookie封装,与PHP交互的简单实现
2016/10/05 Javascript
jQuery UI仿淘宝搜索下拉列表功能
2017/01/10 Javascript
详解Vue webapp项目通过HBulider打包原生APP
2018/06/29 Javascript
jQuery实现炫丽的3d旋转星空效果
2018/07/04 jQuery
微信小程序swiper禁止用户手动滑动代码实例
2019/08/23 Javascript
Python 绘图和可视化详细介绍
2017/02/11 Python
Python实现求笛卡尔乘积的方法
2017/09/16 Python
python中的变量如何开辟内存
2018/06/26 Python
python 获取毫秒数,计算调用时长的方法
2019/02/20 Python
Python中的sys.stdout.write实现打印刷新功能
2020/02/21 Python
HTML5的新特性(1)
2016/03/03 HTML / CSS
法国体育用品商店:GO Sport
2019/10/23 全球购物
Footshop法国:购买运动鞋
2020/01/19 全球购物
PHP高级工程师面试问题推荐
2013/01/18 面试题
写好求职应聘自荐信的三部曲
2013/09/21 职场文书
物流合作计划书
2014/01/10 职场文书
仓库组长岗位职责
2014/01/29 职场文书
法制宣传月活动总结
2014/04/29 职场文书
党员创先争优活动总结
2014/05/04 职场文书
工商局领导班子存在的问题整改措施思想汇报
2014/10/05 职场文书
公司人事任命通知
2015/04/20 职场文书
HTML页面中使两个div并排显示的实现
2022/05/15 HTML / CSS
win11电脑关机鼠标灯还亮怎么解决? win11关机后鼠标灯还亮解决方法
2023/01/09 数码科技