微信小程序配置正确的权限允许访问WebSocket

微信小程序如果想要使用WebSocket功能，需要在`app.json`文件中配置相应的网络请求权限，并在对应的页面组件中进行启用。以下是详细的步骤：

1. **更新`app.json`**:
- 在`app.json`的`permission`部分，添加`network`权限，表示应用可以发起网络请求，包括WebSocket：

     {
       "window": {
         "backgroundTextStyle": "light",
         "navigationBarBackgroundColor": "#fff",
         "navigationBarTitleText": "WeChat App",
         "navigationBarTextStyle": "black",
         "enablePullDownRefresh": false,
         "permissions": [
           {
             "scope": "network",
             "desc": "允许小程序使用网络"
           }
         ]
       },
       ...
     }

2. **启用WebSocket服务**:
- 在需要使用WebSocket的页面的`page.json`中，添加`jsapi`字段并设置`socket`权限：

     {
       "config": {
         "pages": ["index/index"],
         "windowWidth": 750,
         "windowHeight": 1334,
         "globalData": null,
         "jsApiList": [
           "socket"
         ]
       },
       ...
     }

3. **在WXML文件中引用WebSocket模块**:
- 在需要使用WebSocket的地方引入`wx`对象：

     <view>
       <button bindtap="connectSocket">连接WebSocket</button>
       ...
     </view>

4. **编写JavaScript代码**:
- 创建一个如`connectSocket`的函数，在里面实例化WebSocket连接：

    Page({
       onReady: function() {
         // 连接WebSocket服务器
         this.connectSocket();
       },
       connectSocket: function() {
         wx.socket({
           url: 'wss://your-server-url',
           success: function(res) {
             console.log('WebSocket连接成功');
           },
           fail: function(err) {
             console.error('WebSocket连接失败:', err);
           },
           close: function() {
             console.log('WebSocket关闭');
           },
           open: function() {
             console.log('WebSocket已打开');
           },
         });
       }
     })

记得替换`url`为你实际的WebSocket服务器地址。