在React Native中发送和接收类似Websockets的消息

时间:2015-08-30 03:59:20

标签: websocket socket.io react-native

是否可以在React Native应用程序中使用websockets(通过socket.io等)与自定义后端进行双向通信,而不是使用受支持的fetch()进行轮询等?例如,对于使用React Native的聊天应用程序是必需的。

他们的网站尚未提及此API。

2 个答案:

答案 0 :(得分:3)

我自己没有尝试过,但是对于react-native app运行socket.io应该没问题(它是.Socket.io是纯粹的javascript库,没有任何HTML / CSS依赖,我相信,这么简单

  

npm install socket.io --save

你的项目中的

应该足以开始使用它。

实际上,看起来有人之前做过并设法让socket.io为react-native工作:https://github.com/badfortrains/wsExample

答案 1 :(得分:3)

以下是为了让socket.io在react本机应用程序中启动并运行所需的一步一步。它与Jarek Ptiuk的答案非常相似,但有一个例子可以做什么。

Is it possible to combine React Native with socket.io

示例:

import React from 'react-native';

// ... [other imports]

window.navigator.userAgent = 'react-native';

import io from 'socket.io-client/socket.io';

export default class App extends Component {
  constructor(props) {
    super(props);
    this.socket = io('localhost:3001', {jsonp: false});
  }

  // no you can use this.socket.io(...)
  // or any other functionality within socket.io!

  ...
}