2016-09-29 3 views
0

Reactで動作するようFirebaseを取得しましたが、今は基本的なWebサイトでそれをやろうとしています。何らかの理由で、私はそれを動作させることができません。ここに私のコードは次のとおりです。child_addedのfirebaseを動作させることができません

<html> 
<head> 
    <script src="https://www.gstatic.com/firebasejs/3.4.0/firebase.js"></script> 
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script> 
<script> 
    // Initialize Firebase 
    // TODO: Replace with your project's customized code snippet 
    var config = { 
    apiKey: "...", 
    authDomain: "...", 
    databaseURL: "...", 
    storageBucket: "...", 
    messagingSenderId: "..." 
    }; 
    firebase.initializeApp(config); 

    var rootRef = firebase.database().ref(); 

    rootRef.on('child_added', function(snapshot){ 
    console.log('yolo'); 
    console.log(snapshot.val()); 
    }) 
</script> 

    <title></title> 
</head> 
<body> 

</body> 
</html> 

私は、データベースに情報を追加する場合、それはブラウザのコンソールに表示されるようにそれを取得しようとしています。これは奇妙なことですが、アプリからデータベースにデータをプッシュする場合にのみ機能します。 Firebaseコンソールに新しい子を作成しても機能しません。これをどうやって解決するのですか?

+0

ドキュメントを確認してくださいhttps://firebase.google.com/docs/database/web/retrieve-data#child-events –

+2

クライアントにデータの読み取り権限がありますか?デフォルトでは、認証されたユーザーのみが読み取りアクセス権を持ちます。このような読み取り権限の問題を検出する方法については、このドキュメントのページを参照してください:http://stackoverflow.com/documentation/firebase/5548/how-do-i-listen-for-errors-when-accessing-the-database/23610/データ読み込み時のエラーを検出するjavascript#t = 201609291923291087821 –

答えて

0

子供のイベント私はFirebaseのリストに限定されていると思うので、push()child_addedを引き起こします。 Firebaseコンソールでは、空のオブジェクトをリストに追加する方法があるかどうかわからないので、子ノードを設定します。私がpush()をシミュレートすることができた唯一の方法は、オブジェクトがブラウザ内のどこにあるべきかをコンソールパスに入力してから、そこに子のキー/値のペアを追加することです。

あなたはのリストを持っていたのであれば:

https://console.firebase.google.com/project/super-secret/database/data/list-of-games 

あなたは新しいlist-of-gamesオブジェクトを作成するには、このような何かを入力することができます。

https://console.firebase.google.com/project/super-secret/database/data/list-of-games/1234 

これは、とのリストについては、子ノードを作成します。 id 1234.

これが役に立ちます。

関連する問題