微信小程序实现的一键连接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 相关文章推荐
JQuery困惑—包装集 DOM节点
Oct 16 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
Dec 06 Javascript
前台js改变Session的值(用ajax实现)
Dec 28 Javascript
用AngularJS来实现监察表单按钮的禁用效果
Nov 02 Javascript
基于jQuery实现顶部导航栏功能
Dec 27 Javascript
JS实现JSON.stringify的实例代码讲解
Feb 07 Javascript
jQuery上传插件webupload使用方法
Aug 01 jQuery
vue项目常用组件和框架结构介绍
Dec 24 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
Dec 03 Javascript
jsonp实现百度下拉框功能的方法分析
May 10 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
Aug 19 Javascript
解决Antd Table组件表头不对齐的问题
Oct 27 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
多重?l件?合查?(二)
2006/10/09 PHP
Apache2 httpd.conf 中文版
2006/11/17 PHP
利用discuz自带通行证整合dedecms的方法以及文件下载
2007/03/06 PHP
ThinkPHP关联模型操作实例分析
2012/09/23 PHP
PHP编写简单的App接口
2016/08/28 PHP
从ThinkPHP3.2.3过渡到ThinkPHP5.0学习笔记图文详解
2019/04/03 PHP
document.all还是document.getElementsByName?
2006/07/21 Javascript
AJAX 网页保留浏览器前进后退等功能
2011/02/12 Javascript
js简单的表格添加行和删除行操作示例
2014/03/31 Javascript
JS中如何判断传过来的JSON数据中是否存在某字段
2014/08/18 Javascript
js获取浏览器基本信息大全
2014/11/27 Javascript
jquery Validation表单验证使用详解
2020/09/12 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
2015/12/08 Javascript
JS遍历数组及打印数组实例分析
2016/01/21 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
2016/10/10 Javascript
分享一道关于闭包、bind和this的面试题
2017/02/20 Javascript
JS排序之选择排序详解
2017/04/08 Javascript
React操作真实DOM实现动态吸底部的示例
2017/10/23 Javascript
轻松理解vue的双向数据绑定问题
2017/10/30 Javascript
Vue条件循环判断+计算属性+绑定样式v-bind的实例
2018/09/18 Javascript
[40:10]2015国际邀请赛全明星表演赛
2015/08/07 DOTA
python实现得到一个给定类的虚函数
2014/09/28 Python
python利用datetime模块计算时间差
2015/08/04 Python
python 读取excel文件生成sql文件实例详解
2017/05/12 Python
Python3.4编程实现简单抓取爬虫功能示例
2017/09/14 Python
Python实现PS图像调整颜色梯度效果示例
2018/01/25 Python
Python遍历pandas数据方法总结
2018/02/09 Python
Python基于Opencv来快速实现人脸识别过程详解(完整版)
2019/07/11 Python
Python操作Elasticsearch处理timeout超时
2020/07/17 Python
英国百年闻名的优质健康产品连锁店:Holland & Barrett
2019/12/19 全球购物
关于安全演讲稿
2014/05/09 职场文书
初中优秀学生评语
2014/12/29 职场文书
2015年员工试用期工作总结
2015/05/28 职场文书
工作汇报材料难写?方法都在这里了!
2019/07/01 职场文书
2019通用版导游词范本!
2019/08/07 职场文书
厉害!这是Redis可视化工具最全的横向评测
2021/07/15 Redis