uni app实现WIFI功能

• 一.前言
• 二.使用 uni-WIFI
• 三.使用h5+ api

一.前言

最近需要在uniapp上实现WiFi功能,将个人的研究结果记录如下(都只支持安卓APP)

1. 使用 uni-WIFI
2. 使用h5+ api

二.使用 uni-WIFI

完整代码地址暂未上传

如果遇到打包错误可尝试修改


将 minSdkVersion 改为21

如果是自定义基座，需要具备下面的权限

"","","",""

1. 判断是否有定位权限(因为使用WiFi模块需要使用定位,如果定位没有打开初始化WiFi就会失败)

    async isPermission() {      const res = await requestAndroidPermission('android.permission.ACCESS_FINE_LOCATION')      // 当res为1表示有这个权限      if (res === 1) {      // 调用WiFi初始化      this.wifiInit()      } else {        //没有权限执行的        ...      }    }

权限查询的函数,基于 https://ext.dcloud.net.cn/plugin?id=594

export function requestAndroidPermission(permissionID) {    return new Promise((resolve, reject) => {        plus.android.requestPermissions(            [permissionID], // 理论上支持多个权限同时查询，但实际上本函数封装只处理了一个权限的情况。有需要的可自行扩展封装            function (resultObj) {                let result = 0;                for (let i = 0; i < resultObj.granted.length; i++) {                    const grantedPermission = resultObj.granted[i];                    console.log('已获取的权限：' + grantedPermission);                    result = 1                }                for (let i = 0; i < resultObj.deniedPresent.length; i++) {                    const deniedPresentPermission = resultObj.deniedPresent[i];                    console.log('拒绝本次申请的权限：' + deniedPresentPermission);                    result = 0                }                for (let i = 0; i < resultObj.deniedAlways.length; i++) {                    const deniedAlwaysPermission = resultObj.deniedAlways[i];                    console.log('永久拒绝申请的权限：' + deniedAlwaysPermission);                    result = -1                }                resolve(result);                // 若所需权限被拒绝,则打开APP设置界面,可以在APP设置界面打开相应权限                // if (result != 1) {                // GotoAppPermissionSetting()                // }            },            function (error) {                console.log('申请权限错误：' + error.code + " = " + error.message);                resolve({                    code: error.code,                    message: error.message                });            }        );    });}export function gotoAppPermissionSetting() {    const Intent = plus.android.importClass("android.content.Intent");    const Settings = plus.android.importClass("android.provider.Settings");    const Uri = plus.android.importClass("android.net.Uri");    const mainActivity = plus.android.runtimeMainActivity();    const intent = new Intent();    intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);    const uri = Uri.fromParts("package", mainActivity.getPackageName(), null);    intent.setData(uri);    mainActivity.startActivity(intent);}

如果有权限开始初始化WiFi

 // 初始化    wifiInit() {      // #ifdef APP-PLUS      uni.startWifi({        fail: (e) => {          console.log(e)        }      })       // 监听获取到wifi列表      uni.onGetWifiList(this.onGetWifiListFun)      // 获取WiFi列表      this.getWifiConnectInfo()      // #endif    }

获取当前连接的WiFi信息

    getWifiConnectInfo() {      // #ifdef APP-PLUS      uni.getConnectedWifi({        partialInfo: true,        success: ({wifi}) => {          console.log(wifi)          this.connectWifi = wifi.SSID          return wifi        },        complete: () => {          //获取WiFi列表          this.getWifiListFun()        }      })      // #endif    }

获取wifi列表

 getWifiListFun() {      // #ifdef APP-PLUS      uni.getWifiList({        complete: () => {          // 移除监听函数          uni.offGetWifiList(this.onGetWifiListFun)          // 获取当前连接的WiFi信息        }      })      // #endif    }

监听获取到的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 = wifiList      // 获取成功,关闭loading      uni.hideLoading();      console.log('wifiList', wifiList)      console.log('wifiList', this.wifiList)      // console.log(info)    },

连接WiFi

 uni.connectWifi({        SSID: wifiInfo.SSID,        BSSID: wifiInfo.BSSID,        //WiFi的密码         passWord: this.pwd,        partialInfo: true,        maunal: false,        fail: (e) => {          console.log(e)          let msg          switch (e.errCode) {            case 12002: {              msg = 'WI-FI密码错误!'              break            }            case 12013: {              msg = 'Wi-Fi 配置过期，建议忘记 Wi-Fi 后重试!'              break            }            case 12005: {              msg = '未打开 Wi-Fi!'              break            }            default: {              msg = e.errMsg            }          }          uni.showToast({            icon: 'none',            title: msg          })        },        success: (info) => {          if (info.errCode === 0) {            uni.showToast({              icon: 'none',              title: `${info.wifi.SSID}连接成功!`            })            //连接成功后的处理            ...          }        }      })

三.使用h5+ api

这里没有实现监听到WiFi是否连接成功,但我找了下网上资料,可以监听广播的方式,我试了几种没有找到合适的,希望大家能补充下.

<template>  <view>    <button @click="getWifiList">扫描WiFi</button>    <view>      <view class="wifi-item" @click="connectNew(item.name,'secnet-cd',item.bssid,item.sindex)"            v-for="(item,index) in wifiArray"            :key="index">        {{ item.name }}      </view>    </view>  </view></template><script>export default {  data() {    return {      wifiManager: null,      WifiConfiguration: null,      wifis: null,      nowWifiInfo: null,      wifiArray: [],      ArrayList: null    };  },  // #ifdef APP-PLUS  methods: {    // 初始化WiFi    initWifi() {      const MainActivity = plus.android.runtimeMainActivity()      const Context = plus.android.importClass("android.content.Context");      plus.android.importClass("android.net.wifi.WifiManager");      plus.android.importClass("java.util.List");      this.ArrayList = plus.android.importClass("java.util.ArrayList");      plus.android.importClass("android.net.wifi.ScanResult");      plus.android.importClass("android.net.wifi.WifiInfo");      plus.android.importClass("java.util.BitSet");      this.WifiConfiguration = plus.android.importClass("android.net.wifi.WifiConfiguration");      this.wifiManager = MainActivity.getSystemService(Context.WIFI_SERVICE)      console.log('wifi初始化成功')      //引入过滤器      //const IntentFilter = plus.android.importClass('android.content.IntentFilter');      //const Intent = plus.android.importClass('android.content.Intent');      // 注册广播      //let receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver', {      //   onReceive: function (context, intent) {      //    console.log('*********************************************************');      //     console.log(intent.getAction());      //      console.log(context.toString())      //      console.log(intent.toString())      //    console.log('*********************************************************');      // } //实现onReceiver回调函数      //});      //let filter = new IntentFilter();      // filter.addAction('android.net.wifi.STATE_CHANGE');      // filter.addAction('android.net.wifi.WIFI_STATE_CHANGED');      // filter.addAction('android.net.wifi.LINK_CONFIGURATION_CHANGED');      // filter.addAction('android.permission.ACCESS_WIFI_STATE');      // filter.addAction('android.net.wifi.WifiManager.NETWORK_STATE_CHANGED_ACTION');      //filter.addAction('android.net.wifi.STATE_CHANGE');      //MainActivity.reGISterReceiver(receiver, filter); //监听广播      this.androidOpenWifi()    },    // getReceive(context,intent){    //   console.log(context,intent)    // },    // 打开安卓的wifi    androidOpenWifi() {      let bRet = false;      const wifiManager = this.wifiManager      if (!wifiManager.isWifiEnabled()) {        bRet = wifiManager.setWifiEnabled(true); //返回自动打开的结果        console.log("打开wifi的返回结果是" + bRet)      } else {        bRet = true;        console.log("wifi原本已经打开")      }      return bRet;    },    // 获取WiFi列表    getWifiList() {      const resultList = this.wifiManager.getScanResults()      this.wifis = resultList      const len = resultList.size()      let wifiArray = []      for (let i = 0; i < len; i++) {        // console.log(resultList.get(i).toString())        const oneWiFi = {          sindex: i,          name: resultList.get(i).plusGetAttribute('SSID'),          bssid: resultList.get(i).plusGetAttribute('BSSID'),          signal: resultList.get(i).plusGetAttribute('level')        }        wifiArray.push(oneWiFi);      }      this.wifiArray = wifiArray      console.log(wifiArray)      this.getNowWifi()    },    // 获取当前连接的wifi    getNowWifi() {      const info = this.wifiManager.getConnectionInfo();      console.log(info.toString())      let ssid = info.getSSID()      let rssi = info.getRssi()      console.log(rssi)      ssid = ssid.replace(/(^\"*)|(\"*$)/g, "")      console.log(ssid)    },    // 连接新的WiFi    connectNew(ssid, pwd, BSSID, index) {      // uni.onNetworkStatusChange(function (res) {      //   console.log(res.isConnected);      //   console.log(res.networkType);      // });      console.log({ssid, pwd})      const wifiManager = this.wifiManager      var wifiConfig = this.androidCreateWifiInfo(ssid, pwd, 'wpa', BSSID);      if (wifiConfig == null) {        console.log("wifiConfig is null!")        return;      }      //WifiConfiguration      const tempConfig = this.isExsitsAndroid(ssid)      if (tempConfig != null) {        // console.log("删除原来连接的wifi" + tempConfig);        wifiManager.removeNetwork(tempConfig.plusGetAttribute('networkId'));      }      // console.log("要连接的新的wifi配置：" + wifiConfig)      // console.log("要连接的新的wifi配置：", wifiConfig)      const netID = wifiManager.addNetwork(wifiConfig);      // console.log(netID);      //boolean      const enabled = wifiManager.enableNetwork(netID, true);      console.log("enableNetwork status enable=" + enabled)      // boolean      const connected = wifiManager.reconnect();      console.log("enableNetwork connected=" + connected)      // const timer = setInterval(() => {      //   const wifiState = wifiManager.getWifiState()      //   const wifiStateNetworks = wifiManager.getConfiguredNetworks()      //   console.log(wifiState)      //   console.log(wifiStateNetworks.toString())      // }, 500)      // setTimeout(()=>{      //   clearInterval(timer)      // },10000)      // const existinGConfigs = wifiManager.getConfiguredNetworks()      // console.log(existingConfigs)      // wifiManager.enableNetwork(this.wifis.get(index).plusGetAttribute('networkId'), true);      // setTimeout(()=>{      //   this.getNowWifi()      // },3000)    },    // 创建新的WiFi信息    androidCreateWifiInfo(SSID, Password, Type, BSSID) {      console.log(SSID, Password, Type)      const WifiConfiguration = this.WifiConfiguration;      let config = new WifiConfiguration();      config.plusGetAttribute('allowedAuthAlgorithms').clear();      config.plusGetAttribute('allowedGroupCiphers').clear();      config.plusGetAttribute('allowedKeyManagement').clear();      config.plusGetAttribute('allowedPairwiseCiphers').clear();      config.plusGetAttribute('allowedProtocols').clear();      config.plusSetAttribute('SSID', '"' + SSID + '"');      // config.plusSetAttribute('BSSID', '"' + BSSID + '"');      // nopass      if (Type === "nopass") {        config.plusSetAttribute('preSharedKey', "");        config.plusGetAttribute('allowedKeyManagement').set(WifiConfiguration.KeyMgmt.NONE);        config.plusSetAttribute('wepTxKeyIndex', 0);      }      // wep      if (Type === "wep") {        if (!Password !== "") {          if (isHexWepKey(Password)) {            config.plusSetAttribute('preSharedKey', Password);          } else {            config.plusSetAttribute('preSharedKey', "\"" + Password + "\"");          }        }        config.allowedAuthAlgorithms.set(AuthAlgorithm.OPEN);        config.allowedAuthAlgorithms.set(AuthAlgorithm.SHARED);        config.allowedKeyManagement.set(KeyMgmt.NONE);        config.plusSetAttribute('wepTxKeyIndex', 0);      }      // wpa      if (Type === "wpa") {        // config.plusSetAttribute('preSharedKey', "\"" + Password + "\"");        config.plusSetAttribute('preSharedKey', '"' + Password + '"');        config.plusSetAttribute('hiddenSSID', true);        config.plusGetAttribute('allowedAuthAlgorithms').set(WifiConfiguration.AuthAlgorithm.OPEN);        config.plusGetAttribute('allowedGroupCiphers').set(WifiConfiguration.GroupCipher.TKIP);        config.plusGetAttribute('allowedKeyManagement').set(WifiConfiguration.KeyMgmt.WPA_PSK);        config.plusGetAttribute('allowedPairwiseCiphers').set(WifiConfiguration.PairwiseCipher.TKIP);        // 此处需要修改否则不能自动重联        //config.plusGetAttribute('allowedProtocols').set(WifiConfiguration.Protocol.WPA);        config.plusGetAttribute('allowedGroupCiphers').set(WifiConfiguration.GroupCipher.CCMP);        config.plusGetAttribute('allowedPairwiseCiphers').set(WifiConfiguration.PairwiseCipher.CCMP);        config.plusSetAttribute('status', WifiConfiguration.Status.ENABLED);      }      return config;    },    // 查看以前是否也配置过这个网络    isExsitsAndroid(sSID) {      console.log("查看以前是否也配置过这个网络" + sSID);    //WifiConfiguration      const ArrayList = this.ArrayList      const wifiManager = this.wifiManager      let existingConfigs = new ArrayList();      existingConfigs = wifiManager.getConfiguredNetworks();      if (existingConfigs.size() != 0) {        for (var i = 0; i < existingConfigs.size(); i++) {          if (existingConfigs.get(i).plusGetAttribute('SSID') == ("\"" + sSID + "\"")) {            console.log("该制定的ssid存在于配置中:" + sSID);            return existingConfigs.get(i);          }        }      }      console.log("该ssid没有配置过")      return null;    }  },  onLoad() {    this.initWifi()  }  //  #endif}</script><style>.wifi-item {  padding: 10px;  box-sizing: border-box;  border: 1px solid #eee;}</style>​

来源地址：https://blog.csdn.net/qq_46784478/article/details/128640003