2017-04-20 74 views
0

我想使用反應本機編寫移動應用程序。我想使用Firebase,因爲它爲我節省了很多時間。我之前使用過firebase,用於我的網絡應用程序,它工作得很好。現在,反應原生實際上是一個真正的原生應用程序,我想我是否可以爲我的應用程序使用Firebase功能。例如,第三方認證,深層鏈接等等。我知道即使所有用Javascript寫成,反應本身也不是web應用程序。我想要使​​用幾個特性。谷歌身份驗證,雲消息傳遞和一些分析功能。有什麼辦法可以將它們放入我的應用程序,就好像我正在使用Swift或Java編寫應用程序一樣?如何在反應本機中使用firebase功能

+0

技術建議是題外話上堆棧溢出。但是,搜索中的前幾項結果似乎都很相關:https://www.google.com/webhp?#q=firebase+react+native –

+0

爲什麼不使用firebase js API? –

+0

我認爲API只適用於數據庫和存儲。 – Jason

回答

1

所有你可能需要在文件的package.json

"dependencies": { 
    "firebase": "^3.9.0", 
    "react": "^16.0.0-alpha.6", 
    "react-native": "0.44.0", 
    }, 

添加火力下的依賴關係導入火力後的第一

import * as firebase from '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()); 
}); 

數據庫TS剩餘的可以很容易地計算出同樣

如果您還需要更多的幫助,你可以看看下面的鏈接:https://firebase.googleblog.com/2016/01/the-beginners-guide-to-react-native-and_84.html