angularfire2
というものを、npm installして使います。

20170621時点では、バージョンが、4.0.0-rc1でした。
20180610時点では、バージョンが、5.0.0-rc.10でした。

https://github.com/angular/angularfire2/blob/master/docs/ionic/v3.md

実際には、ターミナル（cmd.exe）で、

npm install angularfire2 firebase promise-polyfill --save

とします。

以下のような流れとなります。

1. ionicアプリの作成
2. firebase, angularfire2, promise-polyfillをnpmでインストール(–save)
3. firebaseのセットアップ
4. src/environments/environment.ts の作成
5. home.tsとhome.htmlの編集

ホームクラウドFirebaseとionicで掲示板アプリを作成する①
2017/3/2 クラウド firebase, Ionic, Ionic2 nakaji
http://tech.pjin.jp/blog/2017/03/02/make-firebase-board-1/

上記のサイトが日本語で分かりやすい説明です。angularfire2のversion2を用いているため、コードは若干異なりますが、これをionic3とangularfire2 4.0.0-rc1のものに書き換えたものを、以下のリンクに記載してみました。

ionic3で掲示板を写経してみる 2017/6/22
http://twosquirrel.mints.ne.jp/?p=18296

(参考)

Angular+Firebaseでチャットアプリを作る Yamamoto0525 2017年06月22日に更新
http://qiita.com/Yamamoto0525/items/a76ea4b3924eeb82b0f9
⇒こちらのサイトを、ionic3で写経してみたい

Building a CRUD Ionic 2 Application with Firebase & AngularFire ANGULARFIRE BACKEND FIREBASE INTERMEDIATE IONIC2 Jorge Vergara · April 5, 2017
https://www.joshmorony.com/building-a-crud-ionic-2-application-with-firebase-angularfire/

http://chibinowa.net/note/vuejs/vue-17.html

https://qiita.com/lacolaco/items/b068ab0cf19a26f0992d
@lacolaco 2016年05月24日に更新 FirebaseのRulesを理解する

作成中