客户端JavaScript有无可替代PHP实现Socket通信的方案？

不同运行环境的可选方案 #

• 如果你在 Node.js、Electron等脱离浏览器沙箱的JS客户端环境 运行：可以直接使用内置net模块实现原生TCP Socket通信，和你给出的PHP实现逻辑完全等价
• 如果你在 普通浏览器端的JS环境 运行：浏览器出于安全限制没有开放原生TCP Socket API，只能使用WebSocket协议通信，要求你对接的10.201.1.114:4000服务端支持WebSocket协议；如果服务端仅支持原生TCP，你需要额外部署一个中转服务做TCP和WebSocket的协议转换

Node.js环境下的等价实现代码 #

const net = require('net');

const message = 'hello';
const responseChunks = [];

// 创建TCP连接，等价于PHP的socket_create + socket_connect
const socket = net.createConnection({ host: '10.201.1.114', port: 4000 }, () => {
  // 连接成功后发送数据，等价于socket_send
  socket.write(message);
});

// 监听服务端返回数据，等价于循环执行socket_read
socket.on('data', (chunk) => {
  responseChunks.push(chunk);
});

// 监听服务端数据传输完成事件，等价于读取完成后执行socket_close
socket.on('end', () => {
  const fullResponse = Buffer.concat(responseChunks).toString();
  // 此处可处理完整返回结果fullResponse
  socket.destroy();
});

// 统一监听所有操作错误，等价于PHP各步骤的错误捕获逻辑
socket.on('error', (err) => {
  console.error(`Socket操作失败: [${err.code}] ${err.message}`);
  socket.destroy();
});

浏览器端WebSocket实现代码（需服务端支持WebSocket协议） #

// 非加密连接用ws://前缀，加密连接用wss://前缀
const socket = new WebSocket('ws://10.201.1.114:4000');
const message = 'hello';

// 连接成功回调
socket.onopen = () => {
  socket.send(message);
};

// 接收服务端返回消息回调
socket.onmessage = (event) => {
  const response = event.data;
  // 此处可处理返回结果response
};

// 错误捕获回调
socket.onerror = (error) => {
  console.error(`Socket操作失败: ${error.message}`);
};

// 连接关闭回调
socket.onclose = () => {
  // 此处可处理连接关闭后的逻辑
};

内容的提问来源于stack exchange，提问作者Muhammad Ibrahim