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
実際には、ターミナル(cmd.exe)で、
npm install angularfire2 firebase promise-polyfill --save
とします。
以下のような流れとなります。
- ionicアプリの作成
- firebase, angularfire2, promise-polyfillをnpmでインストール(–save)
- firebaseのセットアップ
- src/environments/environment.ts の作成
- 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で写経してみたい
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を理解する
リンク
作成中