微信小程序——实现wifi链接功能

Z_BL

已于 2025-03-04 15:00:17 修改

阅读量1.1k

点赞数 2

文章标签：微信小程序 notepad++ 小程序

于 2024-03-30 15:27:39 首次发布

本文链接：https://blog.youkuaiyun.com/Z_B_L/article/details/137174564

版权

文章灵感

创作这篇文章是因为目前的一些小程序业务需要wifi连接功能，用连WiFi去衔接一些其他的业务，创造一些其他的被动收入，所以这种小功能应用范围十分的广泛，想要与大家分享一二

比如要点击 “连接wifi” 按钮后看完广告才可以连接wifi，此功能所要做的操作只需要在点击按钮授权使用wifi，然后在广告结束后开启wifi并填写wifi密码即可

那么只挑重点：

首先需要授权wifi连接，使用方法如下，让用户同意小程序使用手机wifi模块

Page({
  data: {

  },

  onLoad() {

  },
  authorizeLocation: function () {
    console.log(666);
    wx.authorize({
      scope: 'scope.userLocation',
      success: () => {
        // 用户授权成功后，开始连接WiFi
        this.startWifi();
      },
      fail: () => {
        wx.showToast({
          title: '授权失败',
          icon: 'none'
        });
      }
    });
  },
})

然后是wifi连接

// logs.js
const util = require('../../utils/util.js')

Page({
  data: {

  },

  onLoad() {

  },
  startWifi: function () {
    return new Promise((resolve, reject) => {
      wx.startWifi({
        success: (success) => {
          console.log("success", success)
          wx.showLoading({ title: '连接中...' })
          wx.connectWifi({
            SSID: 'wifi名',
            password: 'wifi密码', // 这里需要用户输入真实的WiFi密码
            forceNewApi:true, //安卓环境要有，苹果有没有好像不影响
            success: () => {
              console.log("WiFi连接成功");
              // 连接成功后的处理逻辑
              wx.showToast({ title: 'WiFi连接成功' })
              resolve();
            },
            fail: (err) => {
              console.log("WiFi连接失败", err);
              // 连接失败后的处理逻辑
              wx.showToast({ title: 'WiFi连接失败', icon: 'error' })
              reject();
            }
          });
        }
      });
    });
  },
})

这里是固定场所的连接方式，有别的需求可以根据需求去更改，就是一个简单的调用wx.startWifi

这个api，没什么太复杂的步骤

完整代码：

// logs.js
const util = require('../../utils/util.js')

Page({
  data: {

  },

  onLoad() {

  },
  authorizeLocation: function () {
    console.log(666);
    wx.authorize({
      scope: 'scope.userLocation',
      success: () => {
        // 用户授权成功后，开始连接WiFi
        this.startWifi();
      },
      fail: () => {
        wx.showToast({
          title: '授权失败',
          icon: 'none'
        });
      }
    });
  },
  // 开启WiFi模块
  startWifi: function () {
    return new Promise((resolve, reject) => {
      wx.startWifi({
        success: (success) => {
          console.log("success", success)
          wx.showLoading({ title: '连接中...' })
          wx.connectWifi({
            SSID: 'wifi名',
            password: 'wifi密码', // 这里需要用户输入真实的WiFi密码
            forceNewApi:true, //安卓环境要有，苹果有没有好像不影响
            success: () => {
              console.log("WiFi连接成功");
              // 连接成功后的处理逻辑
              wx.showToast({ title: 'WiFi连接成功' })
              resolve();
            },
            fail: (err) => {
              console.log("WiFi连接失败", err);
              // 连接失败后的处理逻辑
              wx.showToast({ title: 'WiFi连接失败', icon: 'error' })
              reject();
            }
          });
        }
      });
    });
  },
})

ጿ ኈ ቼ ዽ ጿ ኈ ቼ ዽ ጿ ኈ ቼ ዽ ጿ ኈ ቼ ዽ ጿ ኈ ቼ