如何在反应原生

时间:2017-04-20 04:12:39

标签: firebase react-native

我想使用react native来编写移动应用程序。我想使用firebase因为它节省了我很多时间。我之前使用过firebase来获取我的网络应用程序,它运行得非常好。现在反应本机实际上是一个真正的本机应用程序,我在想如果我可以为我的应用程序使用firebase功能。例如,第三方身份验证,深层链接等。我知道即使所有用Javascript编写,本机反应根本不是Web应用程序。我想特别使用几个功能。 Google Auth,云消息传递和一些Google Analytics功能。有什么方法可以把它们放在我的应用程序中,就像我在Swift或Java中编写我的应用程序一样?

1 个答案:

答案 0 :(得分:1)

首先,您可能需要在package.json文件

中的依赖项下添加firebase
"dependencies": {
    "firebase": "^3.9.0",
    "react": "^16.0.0-alpha.6",
    "react-native": "0.44.0",
  },

之后导入firebase

import * as firebase from 'firebase';

然后执行通常的firebase初始化

const config = {
        apiKey: "xxxxxxxxxx-xxxxxxxxxxxxx",
        authDomain: "xxxxxxxxxxx.firebaseapp.com",
        databaseURL: "https://xxxxxxxxxx.firebaseio.com",
        projectId: "xxxxxxxxxx",
        storageBucket: "xxxxxxxxxx.appspot.com",
        messagingSenderId: "xxxxxxxxxx"
      };
const firebaseApp = firebase.initializeApp(config);

现在已经将firebase连接到您的react-native应用程序,您可以像这样从数据库中检索内容

firebaseApp.database().ref("xxxxxx").on('value', (snap) => {
        console.log(snap.val());
});

其余的可以很容易地想出来

如果您仍需要更多帮助,可以查看以下链接:https://firebase.googleblog.com/2016/01/the-beginners-guide-to-react-native-and_84.html