JavaScript客户端向Java DatagramSocket服务端发送数据失败如何解决

两次对接失败本质是协议、运行环境不匹配：

• Java服务端基于java.net.DatagramSocket实现的是裸UDP协议服务，既不是TCP服务，也不是WebSocket服务。WebSocket是跑在TCP之上的应用层协议，连接阶段需要完成专属的HTTP握手、后续传输也有特定的帧格式，直接用WebSocket客户端连裸UDP端口，服务端根本识别不了握手请求，必然连接失败。
• 第二次尝试的net模块是Node.js环境专属的TCP客户端API，浏览器环境不存在这个内置模块，所以会抛出net.createConnection is not a function错误；就算把这段代码放到Node.js环境运行，TCP客户端也无法和UDP端口通信，且代码里还把端口参数port错写成了post，参数本身也不合法。

根据JavaScript代码的运行环境，选择对应方案即可：

浏览器端运行场景 #

普通网页受浏览器安全沙箱限制，没有原生裸UDP套接字的调用权限，可选方案如下：

• 优先方案：调整Java服务端逻辑，新增WebSocket协议支持
  直接在Java侧引入WebSocket依赖（如Java-WebSocket、Spring WebSocket），在原有UDP业务逻辑之外单独开放WebSocket监听端口，浏览器端用原生WebSocketAPI完成对接即可。服务端收到WebSocket消息后，转成UDP报文交给原有业务逻辑处理即可，这是兼容性最好、适配所有主流浏览器的方案。
• 受限场景：如果仅面向Chromium内核浏览器的扩展/应用场景，可以调用Chrome专属UDP API
  该API仅能在Chrome扩展、Chrome App环境下使用，普通公网/本地网页无调用权限，示例代码如下：

  // 仅Chrome扩展环境可用，普通网页无法调用
  chrome.sockets.udp.create({}, (socketInfo) => {
    const socketId = socketInfo.socketId;
    const sendBuffer = new TextEncoder().encode("TEST");
    chrome.sockets.udp.send(socketId, sendBuffer.buffer, "127.0.0.1", 9999, (res) => {
      console.log("已发送字节数：", res.bytesSent);
    });
  });
  

Node.js端运行场景 #

Node.js原生提供了UDP通信模块dgram，不需要修改现有Java服务端任何代码，就可以直接和DatagramSocket监听的端口通信，示例代码如下：

const dgram = require('dgram');
// 创建UDP客户端
const udpClient = dgram.createSocket('udp4');
// 构造要发送的字节数据
const sendData = Buffer.from("TEST");
// 向本地9999端口发送UDP报文
udpClient.send(sendData, 9999, 'localhost', (err) => {
  if (err) console.error('发送失败：', err);
  udpClient.close();
});

注意不要和之前一样误用TCP专属的net模块，UDP通信必须使用dgram模块。

内容的提问来源于stack exchange，提问作者Ariel Netz