angular - Ngxs + WebSocket |如何拦截连接并添加自定义 HTTP header ？

Question

我正在使用 ngxs ' NgxsWebsocketPluginModule 从我的 Angular 应用程序中创建一个 websocket。为了对连接的客户端进行身份验证，我的服务器需要一个身份验证 token 出现在升级到 websocket 的 HTTP 连接的 HTTP header 中。自 ngxs documentation 的 websocket 示例只解释如何通过 websocket 连接、发送和接收消息我正在寻找一个示例如何为此 web 套接字连接编写拦截器以附加自定义 HTTP header 。

Answer 1

面临同样的问题，但以下解决方法可以以另一种方式(使用票证)对用户连接进行身份验证:

1. 请求网络套接字连接票证(使用 Authorization header 和您的 JWT)。
2. 调度 ConnectWebSocket 操作，其中包含您的网络套接字 url 和票证作为查询参数的选项。
3. 在接受连接握手之前验证票证(在您的服务器中)。