React Native中SSDP/UPnP搜索库问题：旧库失效求解决方案

React Native完全可以实现SSDP/UPnP设备搜索的需求，不用因为现有旧库失效就放弃。针对你的场景，有几个可行的解决方向：

1. 封装原生平台的SSDP实现 #

iOS和Android各自有成熟的原生SSDP/UPnP实现方案，你可以通过React Native的**原生模块（Native Module）**或TurboModule封装这些原生能力，暴露JS接口给RN调用：

• Android端：直接使用系统网络API发送UDP多播请求（M-SEARCH），监听239.255.255.250:1900端口的响应，解析设备信息后通过回调传递给RN；需配置ACCESS_NETWORK_STATE、CHANGE_WIFI_MULTICAST_STATE等权限。
• iOS端：可利用Bonjour框架实现服务发现，或手动构造UDP包发送多播请求，解析响应后同步到RN层；需在Info.plist中配置网络权限和Bonjour相关声明（若使用Bonjour）。

这种方案稳定性高，能复用原生平台的成熟能力，适合长期维护的项目。

2. 基于通用UDP库自行实现SSDP协议 #

SSDP本身是基于UDP的轻量协议，你可以用React Native生态中仍在维护的UDP库（比如react-native-udp）自行实现设备搜索逻辑，步骤大致如下：

1. 创建UDP Socket并绑定本地端口；
2. 构造SSDP的M-SEARCH请求报文，发送到多播地址239.255.255.250:1900；
3. 监听Socket的消息回调，解析收到的响应报文，提取设备的LOCATION地址、设备类型等信息；
4. 若需UPnP后续操作，用RN的fetch请求LOCATION对应的XML描述文件，解析设备服务信息。

简单代码示例：

import dgram from 'react-native-udp';

const searchDevices = () => {
  const socket = dgram.createSocket('udp4');
  
  // 构造SSDP搜索请求
  const ssdpQuery = `M-SEARCH * HTTP/1.1
HOST: 239.255.255.250:1900
MAN: "ssdp:discover"
MX: 3
ST: ssdp:all`;

  socket.bind(() => {
    socket.setBroadcast(true);
    socket.setMulticastTTL(128);
    // 发送多播请求
    socket.send(ssdpQuery, 0, ssdpQuery.length, 1900, '239.255.255.250', (err) => {
      err && console.error('发送请求失败:', err);
    });
  });

  // 监听设备响应
  socket.on('message', (msg) => {
    const response = msg.toString();
    // 解析响应，提取LOCATION、USN等字段
    const locationMatch = response.match(/LOCATION: (.*)\r\n/);
    const usnMatch = response.match(/USN: (.*)\r\n/);
    if (locationMatch && usnMatch) {
      console.log('发现设备:', {
        location: locationMatch[1],
        usn: usnMatch[1]
      });
    }
  });

  // 记得在不需要时关闭socket
  // socket.close();
};

这种方案无需编写原生代码，纯JS层实现，适合快速验证需求，但需自行处理权限配置和异常场景（比如网络切换、多播超时等）。

总结 #

你不需要放弃React Native，现有旧库失效的话，选择上述两种方案之一即可实现需求。如果追求长期稳定性，优先考虑封装原生模块；如果想快速落地，可以尝试自行实现SSDP协议逻辑。

内容的提问来源于stack exchange，提问作者Hamed Sahrai