js websocket建立连接时发送token给后端发送不了

3 篇文章 0 订阅
3 篇文章 0 订阅

第一种方式,是降token明文携带在url中,当然很多人可能觉得这种方法不够安全,也不够优雅。

那第二种方式就是利用子协议数组,将token携带在protocols里,

var ws = new WebSocket(url, ["token1"]);

但是放在protocols的数据格式是有要求的,那就是不能有特殊符合,例如分号
作者就是被这个坑了,调试了好久,目前不知道是否还有其他符号不能传输,反正传 abcdefg1212121这个是可以传的,当然了后端得开放类似跨域请求的配置,就是 Sec-WebSocket-Protocol 同时响应给前端的时候也得把这个
Sec-WebSocket-Protocol响应给前端

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
如果UniApp的WebSocket的header无法直接传给后端,你可以考虑使用自定义的方式将Token传递给后端。以下是一种解决方案: 1. 在创建WebSocket连接,将Token作为查询参数附加在WebSocket连接地址的末尾。 示例代码如下: ```javascript // 在需要使用WebSocket的页面或组件中 // 获取Token let token = uni.getStorageSync('token'); // 创建WebSocket连接 let socket = uni.connectSocket({ url: 'ws://your-websocket-url?token=' + token, success() { console.log('WebSocket连接成功'); }, fail() { console.log('WebSocket连接失败'); } }); // 其他监听事件... ``` 在上述代码中,将Token作为查询参数附加在WebSocket连接地址的末尾,通过`?token=`的方式传递。 2. 在服务端接收到WebSocket连接请求后,解析查询参数中的Token,并进行验证。 示例代码如下(Node.js): ```javascript const WebSocket = require('ws'); const url = require('url'); const wss = new WebSocket.Server({ port: 8080 }); wss.on('connection', function connection(ws, req) { const query = url.parse(req.url, true).query; const token = query.token; // 验证Token的逻辑 if (token === 'your-token') { // Token验证通过,继续处理WebSocket连接 console.log('WebSocket连接成功'); } else { // Token验证失败,关闭WebSocket连接 ws.terminate(); console.log('WebSocket连接失败'); } // 其他处理逻辑... }); ``` 在上述代码中,通过解析查询参数中的Token进行验证。如果Token验证通过,则继续处理WebSocket连接;如果Token验证失败,则关闭WebSocket连接。 这种方式可以在UniApp中传递Token后端进行验证,但需要在服务端进行相应的解析和验证逻辑。注意,这里的示例代码仅供参考,实际的实现方式可能会因具体的后端框架而有所差异。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值