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%;
}

效果:

相关推荐
2601_962106644 小时前
【Java Set综合实战】商品管理系统 + 图书收藏系统|Product、Book自定义类全套代码
java
RuoyiOffice5 小时前
SpringBoot+Vue3 凭证生命周期设计:审核、过账、冲销与反过账怎样保持账目一致
java·spring boot·事务·springboot3·财务系统·会计凭证·ruoyi office
2601_962106646 小时前
HashMap入门|工号-姓名键值存储、两种遍历方式、根据key/value查
java
卸任6 小时前
Vibe coding工具使用心得
前端·ai编程
杨凯凡6 小时前
Spring Framework 7 API 版本管理实战:请求头路由、兼容迁移与废弃策略
java·rest api·springframework·spring boot 4·api版本管理
wuxianda10306 小时前
2026 苹果审核 4.3 (a) 被拒全解析|Guideline 4.3a spam 马甲包拒审原因 + 避坑方案
flutter·uni-app·苹果上架
brien96 小时前
为什么模型标称 1M,Google Antigravity 聊到 256K 却突然失忆?我们给它做了个原生行内监控圆环
前端
T_Wizard7 小时前
同一个问题写了 4 遍:官方 SDK / HTTP / Spring AI / LangChain4j,到底该选哪个
java·ai编程
hai_android7 小时前
AudioTrack 深度解析:从原理到实战
android·java·kotlin
修炼的dance7 小时前
录屏关键帧间隔多少合适?六档实测,2秒到10秒小了75.6%
前端