ios – 可以将React Native与socket.io组合

我正在使用Phonegap React.js和Socket.io处理一个应用程序.然而,React-Native发布了,原生的感觉是惊人的.

我尝试使用React Native工作的socket.io-client,但不幸的是没有太多的成功.我做了一些研究,我得到完全相同的错误,如本期所述：https://github.com/facebook/react-native/issues/375

关于这个问题的评论表示尝试使用fetch API来获取JS模块,但我认为我这样做是错误的：

var socketScript;    
fetch('https://cdn.socket.io/socket.io-1.2.0.js')
    .then(function(response) {
        socketScript = response._bodyText;
    }).done(function() {
        var socket = socketScript.io();
    });

这返回一个未定义的不是一个函数.

有什么办法使使用React Native的socket.io-client工作吗？还是我看这个错误的方式？也许还有其他更好的解决方案？

解决方法

对于像我这样的人,绊倒了这个问题,看看如何整合socket.io与反应本机.

由于React Native现在很短时间内支持websockets,所以现在可以使用Socket.io轻松地设置Web套接字.所有你需要做的是以下

> npm install socket.io-client
>第一次进口反应
> assign window.navigator.userAgent =’react-native’;
> import socket.io-client / socket.io
>在你的构造函数中分配this.socket = io(‘localhost：3001’,{jsonp：false});

所以在npm安装后,应该看起来像这样,socket.io-client：

import React from 'react-native';

// ... [other imports]

import './UserAgent';

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});
  }

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

  ...
}

然后在“UserAgent.js”中：

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

注意：由于ES6模块导入已被挂起,因此我们无法在与native-native和socket.io导入相同的文件中进行userAgent分配,因此是单独的模块.

编辑：

上述解决方案应该可以工作,但是在这种情况下,它不会尝试创建一个单独的socketConfig.js文件.在那里导入任何需要的东西,包括const io = require(‘socket.io-client / socket.io’);并且具有window.navigator.userAgent =’react-native’;之前需要socket.io-client.然后,您可以将套接字连接在一起,并将所有侦听器都放在一处.然后可以将动作或功能导入到配置文件中,并在侦听器接收数据时执行.