微信小程序实现的一键连接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 源码分析笔记(5) jQuery.support
Jun 19 Javascript
面向对象的Javascript之一(初识Javascript)
Jan 20 Javascript
使用jQuery重置(reset)表单的方法
May 05 Javascript
jQuery ajax serialize() 方法使用示例
Nov 02 Javascript
基于jquery实现简单的分页控件
Mar 17 Javascript
jquery自定义插件——window的实现【示例代码】
May 06 Javascript
微信公众号支付H5调用支付解析
Nov 04 Javascript
探究JavaScript中的五种事件处理程序方式
Dec 07 Javascript
react native带索引的城市列表组件的实例代码
Aug 08 Javascript
VUE预渲染及遇到的坑
Sep 03 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
Dec 24 Javascript
手把手教你如何编译打包video.js
Dec 09 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
判“新”函数:得到今天与明天的秒数
2006/10/09 PHP
php 上一篇,下一篇文章实现代码与原理说明
2010/05/09 PHP
利用curl抓取远程页面内容的示例代码
2013/07/23 PHP
关于js和php对url编码的处理方法
2014/03/04 PHP
php二维码生成
2015/10/19 PHP
ThinkPHP的常用配置选项汇总
2016/03/24 PHP
在 PHP 和 Laravel 中使用 Traits的方法
2019/11/13 PHP
JS调用页面表格导出excel示例代码
2014/03/18 Javascript
jquery.mousewheel实现整屏翻屏效果
2015/08/30 Javascript
jQuery实现图片向左向右切换效果的简单实例
2016/05/18 Javascript
JS 滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
2016/10/10 Javascript
微信小程序 教程之列表渲染
2016/10/18 Javascript
Vue.js中用v-bind绑定class的注意事项
2016/12/13 Javascript
如何理解Vue的作用域插槽的实现原理
2017/08/19 Javascript
实现一个完整的Node.js RESTful API的示例
2017/09/29 Javascript
利用Vue构造器创建Form组件的通用解决方法
2018/12/03 Javascript
Vue混入mixins滚动触底的方法
2019/11/22 Javascript
js实现鼠标点击飘爱心效果
2020/08/19 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
vue自定义组件实现双向绑定
2021/01/13 Vue.js
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
python Pandas 读取txt表格的实例
2018/04/29 Python
python实现猜数游戏
2020/03/27 Python
python 日志 logging模块详细解析
2020/03/31 Python
VScode连接远程服务器上的jupyter notebook的实现
2020/04/23 Python
初学者学习Python好还是Java好
2020/05/26 Python
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
anello泰国官方网站:日本流行包包品牌
2019/08/08 全球购物
青年志愿者事迹材料
2014/02/07 职场文书
心得体会的写法
2014/09/05 职场文书
商业用房租赁协议书
2014/10/13 职场文书
群众路线学习心得体会范文
2014/11/05 职场文书
3.15消费者权益日活动总结
2015/02/09 职场文书
人事行政助理岗位职责
2015/04/11 职场文书
解析目标检测之IoU
2021/06/26 Python
Python实现GIF动图以及视频卡通化详解
2021/12/06 Python