如何修复 RN 应用程序上无法识别的 WebSocket 连接选项答案

【问题标题】：How to fix Unrecognized WebSocket connection option(s) on RN app如何修复 RN 应用程序上无法识别的 WebSocket 连接选项
【发布时间】：2019-03-24 17:18:34
【问题描述】：

我在 RN 应用上使用 laravel-echo 客户端。

     broadcaster: "socket.io",
     host: SOCKT_SERVER_URL,
     client: Socketio,
     auth: {
       headers: {
         Authorization: "Bearer " + SOCKET_SERVER_TOKEN
       }
     }
   });


   echo
     .channel("ticket-notification." + props.id)
     .listen("PrivateTicketCommentsNotification", event => {
       console.log("------->", event);
       //Handle event
     });

laravel 服务器也适用于此但是在连接回声服务器时我遇到了这个问题

无法识别的 WebSocket 连接选项agent、perMessageDeflate、pfx、key、passphrase、cert、ca、ciphers、rejectUnauthorized。你的意思是把这些放在headers 下吗？ - node_modules/expo/build/environment/logging.js:25:23 警告 - ... 来自框架内部的另外 27 个堆栈帧

感谢您的提前。

【问题讨论】：

目前正在使用套接字服务器和客户端
但仍然警告。我该如何解决这个警告。
我们正在尝试完全相同的事情。你找到什么了吗？
还没有。我尝试使用普通的 socketIO 客户端。但是....

标签： react-native socket.io laravel-echo

【解决方案1】：

let echo = new Echo({
      broadcaster: "socket.io",
      host: SOCKT_SERVER_URL,
      client: socketIO,
      auth: {
        headers: {
          Authorization: "Bearer " + SOCKET_SERVER_TOKEN
        }
      },
      timeout: 10000,
      jsonp: false,
      transports: ["websocket"],
      autoConnect: false,
      agent: "-",
      pfx: "-",
      key: "Bearer " + SOCKET_SERVER_TOKEN,
      cert: "-",
      ca: "-",
      ciphers: "-",
      rejectUnauthorized: "-",
      perMessageDeflate: "-"
    });

我得到了这个问题的解决方案

【讨论】：

【解决方案2】：

如果您在服务器上使用 nodejs，只需将此键添加到您的选项中：

var socket = io(ENDPOINT, {forceNode:true})

【讨论】：