浏览器作为 UDP (dgram) 客户端

Question

我有一个用 node.js 编写的 UDP dgram 套接字服务器。 这是来自 server.js 的代码 sn-p

 var PORT = 50000;
 var HOST = '0.0.0.0';
 var dgram = require('dgram');
 var server = dgram.createSocket('udp4');

server.on('listening', function () {
var address = server.address();
console.log('UDP Server listening on ' + address.address + ":" +
address.port);
});

server.on('message', function (message, remote) {
console.log('Message',  message);
});

server.bind(PORT, HOST);

我有一个可以连接到这个服务器的客户端。 这是 client.js 文件：

var PORT = 50000;
var HOST = '0.0.0.0';
var dgram = require('dgram');
var message = null;

var client = dgram.createSocket('udp4');


client.on('listening', function () {
var address = client.address();
console.log('UDP Server listening on ' + address.address + ":" + 
address.port);
});

client.on('message', function (message, remote) {
console.log("got message from server ==> ",remote.address + ':' + 
remote.port +' - ' + message);
});

function sendMessage(message) {
    if (message) {
    client.send(message, 0, message.length, PORT, HOST, function (err, 
    bytes) {
        if (err) throw err;
        console.log('UDP message sent to ' + HOST + ':' + PORT);
       // client.close();
       });
   }
}

到这里为止...一切都很好.. 我需要的是：

我需要把这个客户端代码放到一个html或jade页面中......这样我就可以使用浏览器连接到服务器。我无法更改服务器代码:(

Answer 1

通过浏览器中的 Javascript，您根本无法进行普通的 UDP 连接。浏览器 Javascript 甚至不能做一个普通的 TCP 套接字。 Javascript可以做到：

• HTTP 请求
• webSocket 连接
• 服务器发送事件
• webRTC（正在成为supported by browsers）

因此，如果您希望通过直接浏览器 Javascript 直接与您的 UDP 服务器通信，那么从今天起您还不能这样做。

在不以任何方式更改 UDP 服务器的约束下，这是我能想到的唯一选项：

1. 编写一个可以与您的服务器通信的浏览器插件，然后您的 Javascript 可以与浏览器插件通信。当然，客户端必须下载并安装浏览器插件。

2. 编写一个可以作为 UDP 服务器代理的新服务器（可以在 node.js 中轻松完成）。如果新服务器是 webSocket 或 socket.io 服务器，那么新服务器可能会工作得最好，然后您的浏览器 Javascript 可以使用 webSocket 或 socket.io 直接与代理对话。然后代理将处理与您的 UDP 服务器的通信。

---

如果你解除了不修改服务器的限制，如果你把服务器改成webSocket服务器（或者可能是建立在webSocket之上并添加了一堆的socket.io），服务器设计可以与浏览器Javascript兼容有用的功能）。

Answer 2

即使他们说它不能完成，但唯一不能塞进常规脚本文件的就是 require 语句。我仍然会尝试捆绑该代码并查看它是否有效。

var dgram = require('dgram');

就是这样。如果你能想出办法把它放进去，你的问题就会全部解决。您可以通过多种方式做到这一点。查看是否有此 dgram 库的客户端版本，您可以在将自己的客户端脚本包含到 html/jade 文档之前将其作为脚本包含在内。这可能是一个非常麻烦的解决方案，因为代码/语法甚至可能需要针对这样的客户端库进行更改。

我相信，更好的选择是使用 browserify。 Browserify 允许您在客户端使用需要其他文件/库的 commonJS 标准。因此，如果您开发一个名为 main.js 的前端文件，例如，您可以按照以下步骤让 browserify 使用您的 main.js 代码以及 dgram 库中的代码创建一个捆绑包，所有这些都混杂在一起：

1- npm install browserify 2- 进入 package.json 并按照测试脚本的格式创建一个新的 npm 脚本（在“scripts”对象内）：

"bundle": "browserify path/to/jsfile/main.js -o path/to/outputfile/prod.js"

3- 创建 html/jade 文件并将其链接到 browserify 将输出的 prod.js 文件 4- 运行您创建的捆绑脚本：

npm run bundle

5- 测试 html 文件。

如果正确完成，上述过程将创建一个 prod.js 文件，其中包含所有要求。