反応したネイティブから火災基地に接続する

Question

私は火災の原因となる反応のあるネイティブプロジェクトを、大した成功なしにセットアップしようとしています。設定データはhttps://console.firebase.google.com/project/my-project/overviewから取得されるので、自動的にすべてが生成されます。私はこれを実行しようとした場合、いくつかの点で、

const config = { 
    apiKey: "[MY-API-KEY]", 
    authDomain: "[MY-AUTH-DOMAIN]", 
    databaseURL: "[MY-DATABASE-URL]", 
    storageBucket: "[MY-STORAGE-BUCKET]" 
} 

const firebaseApp = firebase.initializeApp(config); 
const usersRef = firebaseApp.database().ref('Users'); 

以降：

usersRef.set({ test: "sdfsdf" }); 

何もDBに起こりません

はここにセットアップのための私のコードです。私もデータベースからデータを取得することはできません...

私はここで間違って何をしていますか？

Answer 1

database参照オブジェクトを別のファイルからインポートする際に同様の問題が発生しました。基本的に、onまたはsetメソッドを実行する場所と同じファイルでfirebaseアプリケーションの初期化を実行している場合、それは機能します。しかし、一度他のファイルからdatabaseをインポートしようとすると、設定が失われているように見えます...私はそれがReactNativeがjavascriptなどのバンドルをどのようにしているかと関係していると思います。ここで私は付属の回避策があります：

database.js

どんなファイル - あなた-want.jsで、その後

import * as Firebase from 'firebase' 

let HAS_INITIALIZED = false 

const initFirebase =() => { 
    if (!HAS_INITIALIZED) { 
     const config = { 
      apiKey: "**************", 
      authDomain: "************", 
      databaseURL: "*********", 
      storageBucket: "*********", 
     } 

     Firebase.database.enableLogging(true) 
     Firebase.initializeApp(config) 
     HAS_INITIALIZED = true 
    } 
} 

export const getDatabase =() => { 
    initFirebase() 
    return Firebase.database() 
} 

、

import { getDatabase } from './database' 

getDatabase().ref('...') // etc. 

Answer 2

//は、後に上記をコピーコード、私はApp.jsの下のコードを書いた

import React, { Component } from 'react'; 

import { 
Platform, 
StyleSheet, 
Text, 
View 
} from 'react-native'; 

import { getDatabase } from './database' 

getDatabase().ref().child('text').set('Hello'); 



export default class App extends Component<{}> { 
    render() { 
    return (
     <View> 

<Text>Welcome </Text> 
</View> 

); 

} 
} 

//the firebase show it