ionic3でfirebase利用
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
ionic3でfirebase利用 [2017/06/21] – [ionic3でfirebase利用] adash333 | ionic3でfirebase利用 [2018/10/07] (現在) – 外部編集 127.0.0.1 | ||
---|---|---|---|
行 2: | 行 2: | ||
angularfire2\\ | angularfire2\\ | ||
- | というものを使います。20170621時点では、まだバージョンが、rc1です。\\ | + | というものを、npm installして使います。 |
- | かは | + | |
- | https:// | + | |
+ | 20170621時点では、バージョンが、4.0.0-rc1でした。\\ | ||
+ | 20180610時点では、バージョンが、5.0.0-rc.10でした。 | ||
+ | https:// | ||
+ | {{: | ||
+ | 実際には、ターミナル(cmd.exe)で、 | ||
+ | < | ||
+ | npm install angularfire2 firebase promise-polyfill --save | ||
+ | </ | ||
+ | とします。 | ||
+ | 以下のような流れとなります。 | ||
+ | -ionicアプリの作成 | ||
+ | -firebase, angularfire2, | ||
+ | -firebaseのセットアップ | ||
+ | -src/ | ||
+ | -home.tsとhome.htmlの編集 | ||
+ | {{: | ||
+ | {{: | ||
+ | {{: | ||
+ | |||
+ | ===== リンク ===== | ||
- | (参考) | ||
ホームクラウドFirebaseとionicで掲示板アプリを作成する①\\ | ホームクラウドFirebaseとionicで掲示板アプリを作成する①\\ | ||
行 22: | 行 39: | ||
http:// | http:// | ||
+ | 上記のサイトが日本語で分かりやすい説明です。angularfire2のversion2を用いているため、コードは若干異なりますが、これをionic3とangularfire2 4.0.0-rc1のものに書き換えたものを、以下のリンクに記載してみました。 | ||
+ | |||
+ | ionic3で掲示板を写経してみる | ||
+ | 2017/6/22\\ | ||
+ | http:// | ||
+ | |||
+ | |||
+ | |||
+ | (参考) | ||
+ | |||
+ | Angular+Firebaseでチャットアプリを作る | ||
+ | Yamamoto0525 | ||
+ | 2017年06月22日に更新\\ | ||
+ | http:// | ||
+ | => | ||
+ | ===== ionic3とfirebaseでtodoアプリ ===== | ||
+ | |||
+ | Building a CRUD Ionic 2 Application with Firebase & AngularFire | ||
+ | ANGULARFIRE BACKEND FIREBASE INTERMEDIATE IONIC2 | ||
+ | Jorge Vergara · April 5, 2017\\ | ||
+ | https:// | ||
+ | |||
+ | ===== firebase認証のリンク ===== | ||
+ | http:// | ||
+ | https:// | ||
+ | @lacolaco | ||
+ | 2016年05月24日に更新 | ||
+ | FirebaseのRulesを理解する | ||
=====リンク===== | =====リンク===== | ||
作成中 | 作成中 |
ionic3でfirebase利用.1498032786.txt.gz · 最終更新: 2018/10/07 (外部編集)