本文介绍: 前端创建websocket请求时,附加额外信息 ,如token等;如何在创建websocket时,自定义headers请求信息

目录

情景描述:

解决方案

一、服务端要求前端创建websocket时附带的token,必须放在request的headers中(常出现在第三方的合作中);

 思路:

 整体效果:

 具体步骤:

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

思路:

整体效果:

具体实现:


情景描述

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

解决方案

一、服务端要求前端创建websocket时附带的token,必须放在requestheaders中(常出现在第三方合作中);

 思路:

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

 整体效果

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

 具体步骤

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

 2、nginx配置,注意开启websocket的代理,$arg_XXX获取url后的参数    

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

 

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

思路:

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

整体效果

前端创建websocket请求时,发送的token,在服务端的同样获取到了

具体实现

1、前端代码

2、服务代码

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

 

 

原文地址:https://blog.csdn.net/wanggmm/article/details/128631501

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_7845.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注