微信小程序实现的一键连接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 getStyle获取最终样式函数代码
Apr 01 Javascript
基于JQuery的数字改变的动画效果--可用来做计数器
Aug 11 Javascript
为何JS操作的href都是javascript:void(0);呢
Nov 12 Javascript
JS实现alert中显示换行的方法
Dec 17 Javascript
jquery,js简单实现类似Angular.js双向绑定
Jan 13 Javascript
ES6新特性四:变量的解构赋值实例
Apr 21 Javascript
React BootStrap用户体验框架快速上手
Mar 06 Javascript
p5.js入门教程之平滑过渡(Easing)
Mar 16 Javascript
vue项目打包部署_nginx代理访问方法详解
Sep 20 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
Nov 15 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
Jul 18 Javascript
JavaScript ES6的函数拓展
Jan 18 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迅雷、快车、旋风下载专用链转换代码
2010/06/15 PHP
php 发送带附件邮件示例
2014/01/23 PHP
使用PHPMailer发送邮件实例
2017/02/15 PHP
PHP实现的折半查询算法示例
2017/10/09 PHP
javascript第一课
2007/02/27 Javascript
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
用js实现的自定义的对话框的实现代码
2010/03/21 Javascript
jQuery学习笔记 获取jQuery对象
2012/09/19 Javascript
Jquery index()方法 获取相应元素索引值
2012/10/12 Javascript
jQuery制作仿Mac Lion OS滚动条效果
2015/02/10 Javascript
简述JavaScript对传统文档对象模型的支持
2015/06/16 Javascript
JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
2016/03/25 Javascript
浅谈js的url解析函数封装
2016/06/28 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
2016/07/09 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
微信小程序实战之轮播图(3)
2017/04/17 Javascript
JS实现队列的先进先出功能示例
2017/05/10 Javascript
使用Fullpage插件快速开发整屏翻页的页面
2017/09/13 Javascript
Vue结合SignalR实现前后端实时消息同步
2017/09/19 Javascript
jquery实现企业定位式导航效果
2018/01/01 jQuery
jQuery AJAX与jQuery事件的分析讲解
2019/02/18 jQuery
LayUI动态设置checkbox不显示的解决方法
2019/09/02 Javascript
vue中使用element组件时事件想要传递其他参数的问题
2019/09/18 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
利用python批量修改word文件名的方法示例
2017/10/17 Python
python的格式化输出(format,%)实例详解
2018/06/01 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
Pytorch数据拼接与拆分操作实现图解
2020/04/30 Python
python获取天气接口给指定微信好友发天气预报
2020/12/28 Python
德国圣伯纳德草药屋:Kräuterhaus Sanct Bernhard(有中文站)
2018/08/05 全球购物
莫斯科制造商的廉价皮大衣:Fursk
2020/06/09 全球购物
介绍一下JMS编程步骤
2015/09/22 面试题
酒店保洁主管岗位职责
2013/11/28 职场文书
2014年党员干部四风问题自我剖析材料
2014/09/29 职场文书
学生抄作业检讨书(2篇)
2014/10/17 职场文书
热血教师观后感
2015/06/10 职场文书