2013-05-22 8 views
38

Angular.jsとFirebaseを使用してアプリケーションを作成しています。インターフェイスが正常に動作するまで手動でデータを挿入する予定です。 key:valueのペアを追加するのは簡単ですが、内部に複数のエントリがあるオブジェクトを追加するなど、複数のレベルのデータをどのように構造化するかを把握することはできませんでした。 jsonファイルをインポートすると、これが実行されますが、変更するたびにjsonファイルを編集してアップロードする必要はありません。私が気付いていないこれを行う方法はありますか?Firebaseに手動でデータを挿入する

答えて

44

Firebase Forge(https://[your-firebase].firebaseio.com)に進むと、Firebase用のグラフィカルデバッガをロードし、データを手動で追加、変更、または削除することができます。

Forgeを使用して階層データを追加するには、+ボタンを使用して新しい子属性を作成し、名前を付けて空白のままにして、子または子属性を追加するボタンを使用します。データを保存する準備ができたら、Addボタンを使用するか、[Enter]を押します。

+15

+1 - ここでのキーは、親を追加した後に子を追加することです。 Forge GUIでは、空のオブジェクトを作成することはできません。 –

+0

良いチップ。私は私の子供の名前に問題があった(Firebaseの、私は自分自身子供を持っていない)、彼らはドットを含むことはできません。 – lllllll

+1

私はそのシンプルなトリックのために彼らのドキュメント全体を見ていました。 –

17

データの階層を効率的かつ迅速に編集するインターフェイスは、必然的にその階層を予測する必要があります。面倒なデータ入力をせずに、階層化されたデータを編集するための事前構築ツールを見つけることはありません。

一般に、2番目のブラウザウィンドウを開いて管理者権限でログインし、ブラウザのデバッガ(Firebugなど)を使用して手動でオブジェクトを入力するだけです。 JSONのインポート/エクスポートよりかなり速いことがわかりました(JSONの作成は面倒です)!どちらフォージツール場合

new Firebase(MY_URL).child(PATH).update({ 
    // replace the widgets 
    widgets: { 
     one: { color: 'red', shape: 'square' }, 
     two: { color: 'green', shape: 'triangle' } 
    }, 

    // reset the count 
    widgetCount: 0, 

    // delete my status 
    status: null 
}); 

やデバッガのスーツを経由して入力、:これは私だけではなく、階層全体を記述することよりも、変更を入力することができます手段として

は一般的に、私は、setupdateを好みますデータを変更して保存することができる、クイックで汚れた、醜いプリミティブな管理ページを書く価値があるかもしれません。

私はこれらのいくつかを持っています。これは私たちのサイト上で管理ルーチンを頻繁に使用するために、それぞれ約1時間でまとめました。そのトリックは、あなたが必要とするものだけを構築し、それがいかに涼しくて素晴らしいかに巻き込まれないようにすることです。スパルタンFTW。

+0

優秀なこのアプローチは、私を大きく助けました... – ATHER

10

サブディレクトリを指定するためにスラッシュを使用すると、これを許可します。 (オブジェクト/オブジェクト:)

関連する問題