微信小程序实现的一键连接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 相关文章推荐
用dom+xhtml+css制作的一个相册效果代码打包下载
Jan 24 Javascript
JavaScript插入动态样式实现代码
Feb 22 Javascript
jquery网页元素拖拽插件效果及实现
Aug 05 Javascript
关于jquery中全局函数each使用介绍
Dec 10 Javascript
为开发者准备的10款最好的jQuery日历插件
Feb 04 Javascript
js实现仿Windows风格选项卡和按钮效果实例
May 13 Javascript
分享一些常用的jQuery动画事件和动画函数
Nov 27 Javascript
JS取模、取商及取整运算方法示例
Oct 13 Javascript
基于js实现checkbox批量选中操作
Nov 22 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
May 03 Javascript
关于Google发布的JavaScript代码规范你要知道哪些
Apr 04 Javascript
使用js实现单链解决前端队列问题的方法
Feb 03 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缓存技术介绍
2006/11/25 PHP
php流量统计功能的实现代码
2012/09/29 PHP
初识laravel5
2015/03/02 PHP
自动更新作用
2006/10/08 Javascript
番茄的表单验证类代码修改版
2008/07/18 Javascript
拖拉表格的JS函数
2008/11/20 Javascript
javascript 关闭IE6、IE7
2009/06/01 Javascript
Microsoft Ajax Minifier 压缩javascript的方法
2010/03/05 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
return false,对阻止事件默认动作的一些测试代码
2010/11/17 Javascript
在表单提交前进行验证的几种方式整理
2013/07/31 Javascript
Javascript核心读书有感之类型、值和变量
2015/02/11 Javascript
基于jquery实现动态竖向柱状条特效
2016/02/12 Javascript
node.js路径处理方法以及绝对路径详解
2021/03/04 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
jQuery、layer实现弹出层的打开、关闭功能
2017/06/28 jQuery
JS实现颜色的10进制转化成rgba格式的方法
2017/09/04 Javascript
详解es6超好用的语法糖Decorator
2018/08/01 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
2018/09/20 jQuery
Nuxt.js SSR与权限验证的实现
2018/11/21 Javascript
vue学习笔记之给组件绑定原生事件操作示例
2020/02/27 Javascript
Python基于hashlib模块的文件MD5一致性加密验证示例
2018/02/10 Python
对python中的argv和argc使用详解
2018/12/15 Python
python读取xlsx的方法
2018/12/25 Python
Python常用数据类型之间的转换总结
2019/09/06 Python
Pytorch实现基于CharRNN的文本分类与生成示例
2020/01/08 Python
Python3.9.0 a1安装pygame出错解决全过程(小结)
2021/02/02 Python
css3进阶之less实现星空动画的示例代码
2019/09/10 HTML / CSS
html5指南-2.如何操作document metadata
2013/01/07 HTML / CSS
Stubhub英国:购买体育、演唱会和剧院门票
2018/06/10 全球购物
给公司的建议书范文
2014/05/13 职场文书
2016年11月份红领巾广播稿
2015/12/21 职场文书
高中班主任培训心得体会
2016/01/07 职场文书
MySQL中存储时间的最佳实践指南
2021/07/01 MySQL
Windows下载并安装MySQL8.0.x 版本的完整教程
2022/04/10 MySQL
Python使用openpyxl模块处理Excel文件
2022/06/05 Python