ionic3でfirebase利用

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- ionic3でfirebase利用 [2017/06/21] – [ionic3でfirebase利用] adash333
+++ ionic3でfirebase利用 [2018/10/07] (現在) – 外部編集 127.0.0.1
@@ 行 2: / 行 2: @@
 angularfire2\\
-というものを使います。20170621時点では、まだバージョンが、rc1です。\\
+というものを、npm installして使います。
-. Installation and Setup with Ionic\\
-https://github.com/angular/angularfire2/blob/master/docs/6-angularfire-and-ionic-cli.md
+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で掲示板アプリを作成する①\\
@@ 行 24: / 行 39: @@
 http://tech.pjin.jp/blog/2017/03/02/make-firebase-board-1/
+上記のサイトが日本語で分かりやすい説明です。angularfire2のversion2を用いているため、コードは若干異なりますが、これをionic3とangularfire2 4.0.0-rc1のものに書き換えたものを、以下のリンクに記載してみました。
+ionic3で掲示板を写経してみる
+/6/22\\
+http://twosquirrel.mints.ne.jp/?p=18296
+(参考)
+Angular+Firebaseでチャットアプリを作る
+Yamamoto0525
+年06月22日に更新\\
+http://qiita.com/Yamamoto0525/items/a76ea4b3924eeb82b0f9\\
+=>こちらのサイトを、ionic3で写経してみたい
 ===== ionic3とfirebaseでtodoアプリ =====
@@ 行 32: / 行 61: @@
 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
+年05月24日に更新
+FirebaseのRulesを理解する
 =====リンク=====
 作成中

ionic3でfirebase利用.1498047221.txt.gz · 最終更新: 2018/10/07 (外部編集)