サーチ…


前書き

ここではAngularFire2を統合し、このリアルタイムデータベースをIonic Appで使用する方法を示します。

AngularFireの初期化

まず、あなたのアプリケーションモジュールで角度ファイアモジュールを次のように初期化する必要があります:

  const firebaseConfig = {
  apiKey: 'XXXXXXXXXX',
  authDomain: 'XXXXXXXXXX',
  databaseURL: 'XXXXXXXXXX',
  storageBucket: 'XXXXXXXXXX',
  messagingSenderId: 'XXXXXXXXXX'
};

firebaseにサインインして新しいプロジェクトを作成することで、このキーを手に入れることができます。

imports: [
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule,
    AngularFireAuthModule
  ],

AngularFire2を使用する

一度あなたのアプリにそれを持って、それをインポートする:

import { AngularFireDatabase } from 'angularfire2/database';
constructor (private _af: AngularFireDatabase) {}

このObservable Listを使用すると、パスの下にあるアイテムのリストにアクセスできます。たとえば、root / items / foodがある場合は、次のような食品アイテムを取得できます。

this._af.list('root/items/food');

ここに新しいアイテムを置くだけで、あなたのfirebaseデータベースに表示されるか、またはアイテムを1つ更新すればデータベース上で更新されます。このようにプッシュして更新することができます:

this._af.list('root/items/food').push(myItemData);
this._af.list('root/items/food').update(myItem.$key, myNewItemData);

あるいは、あなたの食べ物リストから遠隔のアイテムさえもできます:

this._af.list('root/items/food').remove(myItem.$key);


Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow