Question

我正在尝试使用React Native内置的Websocket支持。我有这段代码：

.replace()

我有这个：

var hostname = "192.168.X.XXX";
var port = "4567";
const webSocket = new WebSocket("ws://" + hostname + ":" + port + "/chat");

我正在使用sparkjava运行本地服务器，其中包含：

  componentWillMount: function(){

    console.log("MOUNTING CHAT COMPONENT");
    webSocket.onopen = function(){ 
      console.log("binding to chat room");
      bindToChatRoom(); 
      setTimeout(keepWebSocketOpen, 30000); 
      ws_connected = true; 
    };

    webSocket.onmessage = function (msg) {
      this.handleMsg(msg); 
    };

    webSocket.onclose = function () {
      console.log("WebSocket connection closed"); 
      ws_connected = false; 
    };

    webSocket.onerror = function (e){
      //add some error handling -> DO THIS
      console.log(e.message);
    };
  },

等。我已经测试了服务器，我可以通过笔记本电脑上的网络浏览器和网址192.168.x.xxx:4567/chat连接到它（并发送消息）。但是，当我运行react本机应用程序时，我从未看到控制台消息“绑定到聊天室”。我错过了什么吗？为什么这个websocket永远不会打开？

只是想注意，我也尝试过连接： WS：//echo.websocket.org

这里描述： http://www.websocket.org/echo.html

这是一个已知的工作websocket，所以我知道它纯粹是一个反应本机问题...

Answer 1

原来我有代码行

const webSocket = new WebSocket("ws://echo.websocket.org");

在错误的地方。如果将其移动到componentWillMount中，它就可以正常工作。

React Native Websocket Android未连接到服务器

1 个答案: