WebSocketRoute
每当使用 Page.routeWebSocket() 或 BrowserContext.routeWebSocket() 设置 WebSocket
路由时,WebSocketRoute
对象允许像实际服务器一样处理 WebSocket。
模拟
默认情况下,路由的 WebSocket 不会连接到服务器。通过这种方式,您可以模拟整个 WebSocket 通信。这是一个响应 "request"
并返回 "response"
的示例。
page.routeWebSocket("wss://example.com/ws", ws -> {
ws.onMessage(frame -> {
if ("request".equals(frame.text()))
ws.send("response");
});
});
由于我们没有在 WebSocket 路由处理程序中调用 WebSocketRoute.connectToServer(),Playwright 假定 WebSocket 将被模拟,并自动在页面中打开 WebSocket。
这是另一个处理 JSON 消息的示例
page.routeWebSocket("wss://example.com/ws", ws -> {
ws.onMessage(frame -> {
JsonObject json = new JsonParser().parse(frame.text()).getAsJsonObject();
if ("question".equals(json.get("request").getAsString())) {
Map<String, String> result = new HashMap();
result.put("response", "answer");
ws.send(gson.toJson(result));
}
});
});
拦截
或者,您可能希望连接到实际服务器,但在此之间拦截消息并修改或阻止它们。调用 WebSocketRoute.connectToServer() 返回一个服务器端 WebSocketRoute
实例,您可以向其发送消息或处理传入消息。
下面是一个修改页面发送到服务器的一些消息的示例。从服务器发送到页面的消息保持不变,依赖于默认转发。
page.routeWebSocket("/ws", ws -> {
WebSocketRoute server = ws.connectToServer();
ws.onMessage(frame -> {
if ("request".equals(frame.text()))
server.send("request2");
else
server.send(frame.text());
});
});
连接到服务器后,所有消息默认在页面和服务器之间转发。
但是,如果您在原始路由上调用 WebSocketRoute.onMessage(),则从页面到服务器的消息将**不再转发**,而应由处理程序处理。
同样,在服务器端 WebSocket 上调用 WebSocketRoute.onMessage() 将**停止转发**从服务器到页面的消息,并且处理程序应负责处理它们。
以下示例阻止了两个方向的一些消息。由于它在两个方向都调用了 WebSocketRoute.onMessage(),因此根本没有自动转发。
page.routeWebSocket("/ws", ws -> {
WebSocketRoute server = ws.connectToServer();
ws.onMessage(frame -> {
if (!"blocked-from-the-page".equals(frame.text()))
server.send(frame.text());
});
server.onMessage(frame -> {
if (!"blocked-from-the-server".equals(frame.text()))
ws.send(frame.text());
});
});
方法
关闭
新增于: v1.48关闭 WebSocket 连接的一端。
用法
WebSocketRoute.close();
WebSocketRoute.close(options);
参数
options
WebSocketRoute.CloseOptions
(可选)
返回
connectToServer
新增于: v1.48默认情况下,路由的 WebSocket 不连接到服务器,因此您可以模拟整个 WebSocket 通信。此方法连接到实际的 WebSocket 服务器,并返回服务器端 WebSocketRoute 实例,从而能够从服务器发送和接收消息。
连接到服务器后
- 从服务器收到的消息将**自动转发**到页面中的 WebSocket,除非在服务器端
WebSocketRoute
上调用了 WebSocketRoute.onMessage()。 - 由页面中的
WebSocket.send()
调用发送的消息将**自动转发**到服务器,除非在原始WebSocketRoute
上调用了 WebSocketRoute.onMessage()。
有关更多详细信息,请参见顶部的示例。
用法
WebSocketRoute.connectToServer();
返回
onClose
新增于: v1.48允许处理 WebSocket.close
。
默认情况下,关闭连接的一侧,无论是页面端还是服务器端,都将关闭另一侧。但是,当设置了 WebSocketRoute.onClose() 处理程序时,将禁用默认的关闭转发,并且处理程序应负责处理它。
用法
WebSocketRoute.onClose(handler);
参数
onMessage
新增于: v1.48此方法允许处理由 WebSocket 发送的消息,无论是从页面还是从服务器。
当在原始 WebSocket 路由上调用时,此方法处理从页面发送的消息。您可以通过使用 WebSocketRoute.send() 响应它们,将它们转发到由 WebSocketRoute.connectToServer() 返回的服务器端连接,或执行其他操作来处理这些消息。
一旦调用此方法,消息将不会自动转发到服务器或页面 - 您应该通过调用 WebSocketRoute.send() 手动执行此操作。有关更多详细信息,请参阅顶部的示例。
再次调用此方法将用新的处理程序覆盖现有的处理程序。
用法
WebSocketRoute.onMessage(handler);
参数
-
handler
Consumer<WebSocketFrame>#将处理消息的函数。
send
新增于: v1.48向 WebSocket 发送消息。当在原始 WebSocket 上调用时,将消息发送到页面。当在 WebSocketRoute.connectToServer() 的结果上调用时,将消息发送到服务器。有关更多详细信息,请参阅顶部的示例。
用法
WebSocketRoute.send(message);
参数
url
新增于: v1.48在页面中创建的 WebSocket 的 URL。
用法
WebSocketRoute.url();
返回