在前端拦截来自外部库的 Web 套接字调用？

Question

我有这个要求，在我的 Angular 应用程序中，我有另一个 Angular 模块，比如说，UtilModule，在 imports 部分我的主要 NgModule。 UtilModule 是从 node_module 导入的，如下所示：-

import {UtilModule} from "utillib";

UtilModule 有各种服务，其中之一是 websocket 服务，它在使用window.location + 硬编码字符串值形成的 url 处形成 websocket 连接。

我的主要组件扩展了一个使用这个 websocket 服务的类（也是 UtilModule 的一部分）。

现在我无法更改 websocket 服务正在使用的 url 的值。但我不想指向这个 url，而是想将它指向我的 websocket 后端实际所在的特定 url。

我怎样才能做到这一点？可能是前端本身的某种请求拦截器将其重定向到所需的 url？

Answer 1

图书馆是否直接导出其服务？

没有看到实际的库，我只是在这里猜测......

你可以

1. 创建一个扩展他们的新服务，
2. 尝试在新的 uri 中更改 uri
3. 然后在您的模块提供商中，您可以使用 useClass 选项将他们的服务与您的服务交换

取决于您使用服务的方式（如果您直接导入它，或者如果库在内部使用它），这可能会或可能不会工作