=====ionic3でfirebase利用=====

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
{{:pasted:20180610-164951.png}}

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

<code>
npm install angularfire2 firebase promise-polyfill --save
</code>
とします。

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

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

{{:pasted:20180610-185523.png}}

{{:pasted:20180610-185454.png}}

{{:pasted:20180610-185422.png}}

===== リンク =====



ホームクラウド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で写経してみたい
===== ionic3とfirebaseでtodoアプリ =====

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/

===== firebase認証のリンク =====

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

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

作成中