微信小程序WIFI部分全部API测试以及踩的坑_wx.ongetwifilist

引言

首先在测试全部API之前，我一直认为老师留这个任务是为了让我们去“解决问题”，而一直以来大学所有的实验课都是“解决问题”为目的，这就导致我在主观的过程中有了一种“只要问题解决就好”的思想，而我错了，这次遇见的老师的目的是单纯的希望我们去学习每一个API，测试每一个API，并且真正的解决问题，所以我做了这一期WIFI的所有API。

开始测试

首先我们打开官方文档
上述就是wifi需要用到的API在官方文档的说明
如下是详细介绍
wx.startWifi(Object object)：初始化wifi模块，只有初始化wifi模块之后才可以进行其他操作
wx.stopWifi(Object object)：关闭wifi模块，建议执行完wifi模块之后将其关闭释放资源
wx.onGetWifiList(function callback)：获取wifi列表的一个监听函数，监听函数有一个参数是WiFi列表，建议在success回调函数之后获取，一般会在监听函数下面直接写wx.getWifiList(Object object)。
wx.offGetWifiList(function callback)：取消监听wifi列表，不解释
wx.getWifiList(Object object):这个是wifi列表获取的精髓所在，也是最重要的部分，在此我也要分享一下写的过程中踩的坑：首先它要求获取位置信息，是小程序位置信息权限，不是微信位置信息权限，所以我们应该在app.json下面加上`

"permission": {
    "scope.userLocation": {
      "desc": "希望获取小程序位置信息"
    }
  }
1
2
3
4
5

才可以，允许小程序位置信息之后我们才可以调用这个函数。权限问题详情请见权限具体描述
wx.onWifiConnected(function callback):同上述监听事件，本API监听已连接wifi，参数是wifi信息
wx.offWifiConnected(function callback):取消监听，凑字数的。
wx.connectWifi(Object object)：连接wifi，有两个参数需要填写 SSID 和 password就是wifi名和密码
wx.getConnectedWifi(Object object):获取已连接wifi信息，参数是wifi信息，个人认为如果只是连接一个wifi，完全可以利用上述监听事件参数返回，因为参数类型都是WifiInfo类型

WifiInfo类型：jS中的一个类，里面的属性如下（取自官方文档）

可以根据自己的需求返回信息属性。

代码详细

困了，睡一觉再发
补充代码来了

<view class="content">
	<view>
		<text>许洪卓</text>
	</view>
	<view class="second">
		<button class="btn" bindtap="openwifi">初始化wifi模块</button>
		<button class="btn" bindtap="closewifi">关闭wifi模块</button>
	</view>

  <view class="second">
		<button class="btn" bindtap="ongetwifilist">监听获取到 Wi-Fi 列表数据事件</button>
    <button class="btn" bindtap="offgetwifilist">取消监听获取到 Wi-Fi 列表数据事件</button>
   
    
	</view>
  <view class="second">
    <button class="btn" bindtap="getwifilist">获取到 Wi-Fi 列表数据</button>
    
	</view>
   <view class="second">
    <button class="btn" bindtap="getquanxian">查看权限</button>
    <button class="btn" bindtap="setquanxian">设置权限</button>
	</view>
   <view class="second">
    <button class="btn" bindtap="onconnectwifi">监听连接wifi事件</button>
    <button class="btn" bindtap="offconnecttwifi">取消监听连接wifi事件</button>
	</view>
   <view class="second">
    <button class="btn" bindtap="connectwifi">连接wifi</button>
   <button class="btn" bindtap="getwifiinfo">获取已连接wifi信息</button>
	</view>

  <view class="third">
    <text>{{mySSID}}</text>
    <text>{{myBSSID}}</text>
    <text>{{mysecure}}</text>
    <text>{{mysignalStrength}}</text>
  </view>


</view>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

/* pages/test/test.wxss */
.content{

  display: flex;
  flex-direction: column;
  align-items: center;
}
.second{
display: flex;
flex-direction: row;
}
.btn{
 font-size: 30rpx;
 width: 300rpx;
 margin: 10rpx;

}
.third{
  display: flex;
  flex-direction: column;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

// pages/testwifi/testwifi.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    mySSID:'未知SSID',
    myBSSID:'未知BSSID',
    mysecure:false,
    mysignalStrength:0,

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  openwifi:function(){
    wx.startWifi({
      success (res) {
        console.log("初始化wifi模块成功"+res.errMsg)
      }
    })
  },
  closewifi:function(){
    wx.stopWifi({
      success (res) {
        console.log("关闭wifi模块成功"+res.errMsg)
      }
    })
  },
  ongetwifilist:function(){
    console.log("正在监听列表事件");
    wx.onGetWifiList(function(res){
      console.log("获取到wifi列表");
      console.log(res.wifiList);
    })
   
  },
  onconnectwifi:function(){
    
    wx.onWifiConnected((result) => {
      console.log("正在连接wifi事件成功");
      console.log(result.wifi);
    })
  },
  connectwifi:function(){
    wx.connectWifi({
      SSID: ,
      password: ,
      success (res) {
        console.log("连接wifi成功")
      },
      fail(res){
        console.log("连接失败"+res.errCode+"  "+res.errMsg);
      }
    })
  },
  offconnecttwifi:function(){
    console.log("取消监听wifi连接")
    wx.offWifiConnected({
      success(res){
       
      }
    })
  },
  getquanxian:function(){
    wx.getSetting({
      success (res) {
        console.log(res.authSetting)
        // res.authSetting = {
        //   "scope.userInfo": true,
        //   "scope.userLocation": true
        // }
      }
    })
    wx.getSetting({
      withSubscriptions: true,
      success (res) {
        console.log(res.authSetting)
        // res.authSetting = {
        //   "scope.userInfo": true,
        //   "scope.userLocation": true
        // }
        console.log(res.subscriptionsSetting)
        // res.subscriptionsSetting = {
        //   mainSwitch: true, // 订阅消息总开关
        //   itemSettings: {   // 每一项开关
        //     SYS_MSG_TYPE_INTERACTIVE: 'accept', // 小游戏系统订阅消息
        //     SYS_MSG_TYPE_RANK: 'accept'
        //     zun-LzcQyW-edafCVvzPkK4de2Rllr1fFpw2A_x0oXE: 'reject', // 普通一次性订阅消息
        //     ke_OZC_66gZxALLcsuI7ilCJSP2OJ2vWo2ooUPpkWrw: 'ban',
        //   }
        // }
      }
    })
  },
  getwifilist:function(){
    wx.getWifiList({
      success:function(res){
        console.log("获取列表"+res);
      },
      complete: (res) => {
        
      },
    })
  },
  setquanxian:function(){
    wx.openSetting({
      success (res) {
        console.log(res.authSetting)
        // res.authSetting = {
        //   "scope.userInfo": true,
        //   "scope.userLocation": true
        // }
      }
    })
  },
  offgetwifilist:function(){
    console.log("取消监听连接wifi事件");
    wx.offGetWifiList({
      success(res){
       
      }
    })
  },
  getwifiinfo:function(){
    var that = this;
    wx.getConnectedWifi({
      success(res){
        console.log("成功获取到已连接wifi信息")
        console.log(res.wifi.SSID+" "+res.wifi.BSSID+" "+res.wifi.secure+" "+res.wifi.signalStrength);
        var wifi = res.wifi;
        that.setData({
          mySSID:wifi.SSID,
          myBSSID:wifi.BSSID,
          mysecure:wifi.secure,
          mysignalStrength:wifi.signalStrength,
        })
      },
      complete: (res) => {
        console.log("正在获取信息")
      },
    })
  },
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198

结尾

就这！！！