uniapp点击按钮连接wifi?

html 复制代码
<view>
  <button class="but" bindtap="connectToWifi">点击连接WiFi</button>
</view>       

js:

javascript 复制代码
Page({
  // 页面数据
  data: {
    wifiConnected: false
  },

  onLoad: function () {
    this.checkWifiPermission();
  },

  // 检查 WiFi 权限
  checkWifiPermission: function () {
    wx.getSetting({
      success: (res) => {
        if (!res.authSetting['scope.wifi']) {
          wx.authorize({
            scope: 'scope.wifi',
            success: () => {
              console.log('用户已同意连接 WiFi 的权限');
            },
            fail: () => {
              console.log('用户拒绝了连接 WiFi 的权限');
            }
          });
        }
      }
    });
  },

  // 处理连接 WiFi 操作
  connectToWifi: function () {
    wx.startWifi({
      success: (res) => {
        console.log('Wi-Fi 模块已开启');
        wx.connectWifi({
          SSID: 'xiaozhao',
          password: '11111111',
          success: (res) => {
            console.log('Wi-Fi 连接成功', res);
            this.setData({ wifiConnected: true });
            wx.showToast({
              title: 'Wi-Fi 连接成功',
              icon: 'success',
              duration: 2000
            });
          },
          fail: (err) => {
            console.error('Wi-Fi 连接失败', err);
            wx.showToast({
              title: 'Wi-Fi 连接失败',
              icon: 'none',
              duration: 2000
            });
          }
        });
      },
      fail: (err) => {
        console.error('Wi-Fi 模块开启失败', err);
      }
    });
  }
});

app.json:

javascript 复制代码
 "permission": {
    "scope.userLocation": {
      "desc": "用于连接 Wi-Fi"
    }
  },

css:

css 复制代码
page {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.but {
  margin-top: 50%;
}

效果:

相关推荐
fishmemory7sec2 分钟前
Electron 使⽤ electron-builder 打包应用
前端·javascript·electron
2401_854391083 分钟前
高效开发:SpringBoot网上租赁系统实现细节
java·spring boot·后端
Cikiss12 分钟前
微服务实战——SpringCache 整合 Redis
java·redis·后端·微服务
wxin_VXbishe13 分钟前
springboot合肥师范学院实习实训管理系统-计算机毕业设计源码31290
java·spring boot·python·spring·servlet·django·php
Cikiss13 分钟前
微服务实战——平台属性
java·数据库·后端·微服务
无敌の星仔22 分钟前
一个月学会Java 第2天 认识类与对象
java·开发语言
OEC小胖胖27 分钟前
Spring Boot + MyBatis 项目中常用注解详解(万字长篇解读)
java·spring boot·后端·spring·mybatis·web
工业互联网专业32 分钟前
毕业设计选题:基于ssm+vue+uniapp的校园水电费管理小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
豆豆1 小时前
为什么用PageAdmin CMS建设网站?
服务器·开发语言·前端·php·软件构建
2401_857617621 小时前
SpringBoot校园资料平台:开发与部署指南
java·spring boot·后端