微信小程序实现的一键连接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弹窗代码 可以指定弹出间隔
Jul 03 Javascript
Three.js源码阅读笔记(Object3D类)
Dec 27 Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
Oct 17 Javascript
在AngularJS中使用AJAX的方法
Jun 17 Javascript
javascript设计简单的秒表计时器
Sep 05 Javascript
基于jQuery实现美观且实用的倒计时实例代码
Dec 30 Javascript
模板视图和AngularJS之间冲突的解决方法
Nov 22 Javascript
js和jquery中获取非行间样式
May 05 jQuery
Vue.js样式动态绑定实现小结
Jan 24 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
Jul 16 Javascript
微信小程序实现蓝牙打印
Sep 23 Javascript
layui多图上传实现删除功能的例子
Sep 23 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中Y2K38的漏洞解决方法实例分析
2014/09/22 PHP
Apache服务器下防止图片盗链的办法
2015/07/06 PHP
Thinkphp5.0自动生成模块及目录的方法详解
2017/04/17 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
PHP中echo与print区别点整理
2021/03/09 PHP
求解开jscript.encode代码的asp函数
2007/02/28 Javascript
jQuery 1.4 15个你应该知道的新特性(译)
2010/01/24 Javascript
Query中click(),bind(),live(),delegate()的区别
2013/11/19 Javascript
jQuery动态修改超链接地址的方法
2015/02/13 Javascript
整理Javascript基础语法学习笔记
2015/11/29 Javascript
JavaScript中的操作符类型转换示例总结
2016/05/30 Javascript
JS+CSS3模拟溢出滚动效果
2016/08/12 Javascript
jQuery双向列表选择器select版
2016/11/01 Javascript
vue实现全选和反选功能
2017/08/31 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
2018/02/01 Javascript
NodeJs实现简易WEB上传下载服务器
2019/08/10 NodeJs
vue+axios全局添加请求头和参数操作
2020/07/24 Javascript
python中的一些类型转换函数小结
2013/02/10 Python
目前最全的python的就业方向
2018/06/05 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
Django中从mysql数据库中获取数据传到echarts方式
2020/04/07 Python
python中的django是做什么的
2020/07/31 Python
Python如何爬取b站热门视频并导入Excel
2020/08/10 Python
详解python爬取弹幕与数据分析
2020/11/14 Python
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
新西兰第一的行李箱网站:luggage.co.nz
2019/07/22 全球购物
泰国排名第一的家居用品中心:HomePro
2020/11/18 全球购物
新春文艺演出主持词
2014/03/27 职场文书
促销活动计划书
2014/05/02 职场文书
运动会演讲稿100字
2014/08/25 职场文书
上班时间打瞌睡检讨书
2014/09/26 职场文书
2015年生活老师工作总结
2015/05/27 职场文书
蓝天保卫战收官在即 :15行业将开展环保分级评价
2019/07/19 职场文书
铁拳制作人赞《铁拳7》老头环Mod:制作精良 但别弄了
2022/04/03 其他游戏
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers