React Native&流星实施

时间:2016-03-22 02:09:01

标签: ios meteor reactjs react-native

我正在开发一个带有流星后端的本机应用程序。我知道将这两者结合在一起我必须使用节点包ddp-client来连接应用程序。 https://www.npmjs.com/package/ddp-client

但实现这一目标的最佳做法是什么。我应该:

  1. 定义DDPClient并连接index.ios.js,我保持连接并找到一些方法来发出主app组件的请求? (我不知道怎么做但是这将是一个开始。)

  2. 只在我需要的每个组件上通过dpp连接,并且每次都发出请求?

  3. 真的有任何真实的例子会有所帮助。我在网上找到的大多数代码都是单页示例,其他内容并不多。或者只是推动正确的方向。

    P.S。该应用程序是一个市场。谢谢!

    'use strict';
    var React = require('react-native');
    var {
      AppRegistry,
      NavigatorIOS,
      StyleSheet,
      StatusBarIOS,
    } = React;
    
    var DDPClient = require("ddp-client");
    
    class AppWrapper extends React.Component{
    
      componentDidMount() {
        var ddpClient = new DDPClient({url: 'ws://localhost:3000/websocket'});
    
        ddpClient.connect(function(error, wasReconnect) {
          if (error) {
            console.log('DDP connection error!');
            return;
          }
          if (wasReconnect) {
             console.log('Reestablishment of a connection.');
           }
          console.log('connected!');
        });
      }
    
      render(){
        return(
          <NavigatorIOS
            barTintColor='black'
            titleTextColor='white'
            tintColor='white'
            style={styles.container}
            translucent={false}
            initialRoute={{
              backButtonTitle: ' ',
              component: Homeios,
              title: 'hombro',
            }}
          />
        )
      }
    }
    
    var styles = StyleSheet.create({
      container: {
        flex: 1,
      },
    });
    
    AppRegistry.registerComponent('someApp', () => AppWrapper);
    

1 个答案:

答案 0 :(得分:0)

您可以在您的react本机应用程序中使用react-native-meteor包,这非常简单。 https://www.npmjs.com/package/react-native-meteor检查此链接是否有文档,它有许多很棒的功能,包括可以使用的帐户包。