当前位置: 首页 > news >正文

uniapp 小程序获取WiFi列表

<template><view ><button @click="getWifiList">获取WiFi列表</button><scroll-view:scroll-top="scrollTop"scroll-yclass="content-pop"><viewclass="itemInfo"v-for="(item, index) in wifiList":key="index"><text>{{ item.SSID }}</text></view></scroll-view></view>
</template><script>export default {data() {return {wifiList: [],};},methods: {getWifiList() {// 获取手机型号const sys = uni.getSystemInfoSync();if (sys.platform == "android" && sys.parseInt(sys.system.substr(8) < 6) {this.$tip.error("手机版本不支持");return;}if (sys.platform == "ios" && sys.parseInt(sys.system.substr(4)) < 11.2) {this.$tip.error("手机版本不支持");return;}//初始wifi模块this.start_wifi();},start_wifi() {uni.startWifi({success: (res) => {this.getWifi();},fail: (err) => {this.$tip.toast("WIFI启动失败");},});},getWifi() {let that = this;uni.getWifiList({//成功后,就可以获取列表了success(res) {//列表获取成功后,要到事件里提取uni.onGetWifiList((res) => {that.onGetWifiListFun(res);});},fail(err) {console.log(err, "err");},});},// 监听获取到的WiFi列表函数 进行处理onGetWifiListFun(info) {this.wifiList = [];let wifiList = [];// 过滤掉没有SSID的 还有我个人对信号的处理,用来渲染对应的样式的wifiList = info.wifiList.filter((item) => {if (item.signalStrength >= -55) {item["signalDefine"] = [true, true, true];} else if (item.signalStrength >= -66) {item["signalDefine"] = [false, true, true];} else if (item.signalStrength >= -88) {item["signalDefine"] = [false, false, true];} else if (item.signalStrength >= -100) {item["signalDefine"] = [false, false, false];}return item.SSID;});// 按信号强度排序wifiList = wifiList.sort((a, b) => {return b.signalStrength - a.signalStrength;});// 取当前连接的WiFi的信号const connectResIndex = wifiList.findIndex((item) => item.SSID === this.connectWifi);const connectRes = wifiList[connectResIndex];if (connectRes) {this.connectWifiSignal = connectRes["signalDefine"];this.connectRes = connectRes;}wifiList.splice(connectResIndex, 1);this.wifiList = this.uniqueByField(wifiList, "SSID");this.$tip.loaded();},uniqueByField(list, field) {const seen = new Set();const result = [];for (let item of list) {const value = item[field];if (!seen.has(value)) {seen.add(value);result.push(item);}}return result;},},};
</script><style scoped>.itemInfo {height: 96rpx;line-height: 96rpx;font-size: 28rpx;border-bottom: 1rpx solid #f4f4f4;text-align: left;} .content-pop {width: 100vw;max-height: 55vh;padding: 0 30rpx;}
</style>

   提示:iphone刷新会跳转至手机wifi设置中连接网络

使用方法:

http://www.lryc.cn/news/336188.html

相关文章:

  • 数据可视化-ECharts Html项目实战(11)
  • 【MySQL数据库 | 第二十四篇】Limit语句的性能问题和调优策略
  • 【数据结构】两两交换链表 复制带随机指针的链表
  • 网络安全流量平台_优缺点分析
  • 【c语言】自定义类型:结构体详解
  • 利用AbortController,取消正在发送的请求
  • dockerhub右键快速搜索脚本
  • 类似微信的以文搜图功能实现
  • Android 13.0 Launcher3定制化之最近任务的全部清除由左边移到下边显示
  • 成都数字产业园落地全生命周期服务方案, 让企业对成都发展更有信心
  • SpringBoot实现RabbitMQ的通配符交换机(SpringAMQP 实现Topic交换机)
  • opencv图像处理技术(形态学操作)
  • 如何构建数据指标体系
  • python统计分析——一般线性回归模型
  • 【cocos creator】【TS】贝塞尔曲线,地图之间显示曲线
  • COMFYUI换脸ReActor报错Value not in list: face_restore_model: ‘codeformer.pth‘解决
  • 深入理解Java中的字段与属性的区别
  • 【Locust分布式压力测试】
  • 富格林:出金异常警惕黑幕陷阱受骗
  • Docker - Nginx
  • 免费搭建幻兽帕鲁服务器(Palworld免费开服教程)
  • 作业习题
  • 解决unbuntu更新到23.10 mantic firefox无法使用的问题
  • idea常用配置——注释快捷键
  • Hidl 学习总结 2
  • 深度学习学习日记4.7
  • 五一假期来临,各地景区云旅游、慢直播方案设计与平台搭建
  • 自动驾驶中的交通标志识别原理及应用
  • 数据挖掘入门项目二手交易车价格预测之建模调参
  • 【Java】Java使用Swing实现一个模拟计算器(有源码)