How can I custom HMR websocket client in rsbuild?

[limuyao1996]

hi～ In my web project, there are some local debugging scenarios that require customizing the WebSocket request address for HMR. For example, when using https + domain in the browser, the WebSocket also needs to use wss + domain. For mobile debugging, only http + ip is required, and the WebSocket should also use ws + ip. I need support https & http at same time. In webpack, I used an http-proxy server, and customized the WebSocket client file using webSocketTransport. Is there a way to achieve this in rsbuild currently?

[limuyao1996]

rsbuild 有办法能让客户端在创建 websocket 请求时再动态计算一个 ws 地址吗？我理解应该支持 client.hostname client.path 传一个方法，应该比较好支持？

[limuyao1996]

function connect() {
  const { location } = self;
  const { host, port, path, protocol } = config;
  const socketUrl = formatURL({
    protocol: protocol || (location.protocol === 'https:' ? 'wss' : 'ws'),
    hostname: host || location.hostname,
    port: port || location.port,
    pathname: path || '/rsbuild-hmr',
  });

  connection = new WebSocket(socketUrl);
  connection.addEventListener('open', onOpen);
  // Attempt to reconnect after disconnection
  connection.addEventListener('close', onClose);
  // Handle messages from the server.
  connection.addEventListener('message', onMessage);
}

哦哦，又看了下 client/hmr.ts 文件，看上去客户端默认会用当前 url 上的 protocol、hostname、port，那没事了，应该不需要我自定义了。