JavaScript中WebSocket连接其他设备时如何获取可传入的目标IP地址

首先直接回应两个核心疑问：

• 纯浏览器环境下的JavaScript受安全沙箱、隐私保护策略限制，无法直接自动获取目标设备的私有IP地址，早年通过WebRTC接口泄露本地/对端IP的漏洞已经被所有主流浏览器封堵，不存在可用的纯前端无感知获取方案。
• 该需求不是必须依赖Node.js实现，只要具备任意服务端运行能力即可完成，Node.js只是可选的服务端技术栈之一。

可落地的实现方案 #

• 手动配置/输入方案（最稳定无依赖）
  如果是固定内网组网场景，要么直接将目标设备IP写为固定配置值，要么提供输入入口让用户手动填入目标设备的内网IP，再初始化WebSocket连接，参考代码：

  // 从页面输入框读取用户填入的目标IP
  const ipInput = document.getElementById('ws-target-ip');
  let wsInstance = null;
  
  ipInput.addEventListener('confirm', () => {
    const targetIp = ipInput.value.trim();
    // 基础IP格式校验
    if (/^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/.test(targetIp)) {
      wsInstance = new WebSocket(`ws://${targetIp}:9998`);
      // 后续绑定ws的onmessage、onopen等逻辑即可
    }
  });
  

• 服务端辅助自动发现方案
  如果需要自动扫描发现局域网内的WebSocket服务，可以在同局域网内部署一个轻量服务端（Node.js、Python、Go等任意技术栈都可以实现）：

  1. 服务端负责扫描当前网段内开放9998端口、且符合WebSocket协议特征的设备，维护可用IP列表
  2. 前端页面加载时先通过HTTP请求从同域服务端拉取可用IP列表，选中目标后再初始化WebSocket连接即可。

• 无IP依赖的服务发现方案
  不想做IP扫描的话，可以让WebSocket服务端设备开启mDNS局域网广播，使用固定的本地域名（比如ws://my-iot-device.local:9998）对外提供服务，前端直接写死这个域名即可，操作系统会自动将域名解析为对应设备的局域网私有IP，不需要提前感知IP地址。

注意：不要尝试使用网上流传的WebRTC获取本地IP的代码片段，这类方案在Chrome 70+、Firefox 75+、Safari 14+版本上全部失效，部分场景下还会触发浏览器的隐私权限申请弹窗，用户体验和兼容性都无法保证。

内容的提问来源于stack exchange，提问作者A. K.