websocket创建时附加额外信息 [如自定义headers信息(利用nginx)]-Toy模板网

这篇具有很好参考价值的文章主要介绍了websocket创建时附加额外信息 [如自定义headers信息(利用nginx)]。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

情景描述：

解决方案

一、服务端要求前端创建websocket时附带的token，必须放在request的headers中（常出现在第三方的合作中）；

思路：

整体效果：

具体步骤：

二、服务端只需要获取到token，不介意前端在创建时怎么传的

思路：

整体效果：

具体实现：

情景描述：

前端创建websocket的时候，服务端需要在创建时能获取到token作判断，所以在前端创建websocket的时候，需要把token一起传到服务器

解决方案

一、服务端要求前端创建websocket时附带的token，必须放在request的headers中（常出现在第三方的合作中）；

思路：

前端创建websocket后，利用nginx做代理，将token加在headers中，发送给服务端

整体效果：

前端创建websocket请求时，发送的token，在服务端的headers获取到了

websocket创建时附加额外信息 [如自定义headers信息(利用nginx)]

具体步骤：

1、前端代码，发送websocket，将token放到url后面

websocket创建时附加额外信息 [如自定义headers信息(利用nginx)]

2、nginx配置，注意开启websocket的代理，$arg_XXX获取到url后的参数 websocket创建时附加额外信息 [如自定义headers信息(利用nginx)]

3、node代码，本例中用的是node做服务端的，ws.upgradeReq.headers获取到headers信息

websocket创建时附加额外信息 [如自定义headers信息(利用nginx)]

文章来源地址https://www.toymoban.com/news/detail-403474.html

二、服务端只需要获取到token，不介意前端在创建时怎么传的

思路：

利用websocket实例化时的第二个参数传递token。（第二个参数的用法请百度自行搜索）

整体效果：

前端创建websocket请求时，发送的token，在服务端的同样获取到了 websocket创建时附加额外信息 [如自定义headers信息(利用nginx)]

具体实现：

1、前端代码

websocket创建时附加额外信息 [如自定义headers信息(利用nginx)]

2、服务端代码

注意：ws.upgradeReq.headers["sec-websocket-protocol"]获取到子协议，本例是用node做服务实现的，服务端语言不同，可能获取子协议的方法不同，自行百度

websocket创建时附加额外信息 [如自定义headers信息(利用nginx)]

到了这里，关于websocket创建时附加额外信息 [如自定义headers信息(利用nginx)]的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

websocket创建时附加额外信息 [如自定义headers信息(利用nginx)]

情景描述：

解决方案

一、服务端要求前端创建websocket时附带的token，必须放在request的headers中（常出现在第三方的合作中）；

思路：

整体效果：

具体步骤：

二、服务端只需要获取到token，不介意前端在创建时怎么传的

思路：

整体效果：

具体实现：

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

支付宝扫一扫领取红包，优惠每天领

二维码1

二维码2