ionic3でfirebase利用
差分
この文書の現在のバージョンと選択したバージョンの差分を表示します。
| 次のリビジョン | 前のリビジョン | ||
|
ionic3でfirebase利用 [2017/06/21] adash333 作成 |
ionic3でfirebase利用 [2018/10/07] (現在) |
||
|---|---|---|---|
| ライン 1: | ライン 1: | ||
| =====ionic3でfirebase利用===== | =====ionic3でfirebase利用===== | ||
| - | angular-firebase2\\ | + | angularfire2\\ |
| - | というものを使います。20170621時点では、まだ、バージョンが、rc1です。 | + | というものを、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で掲示板アプリを作成する①\\ | ホームクラウドFirebaseとionicで掲示板アプリを作成する①\\ | ||
| ライン 18: | ライン 39: | ||
| http://tech.pjin.jp/blog/2017/03/02/make-firebase-board-1/ | 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を理解する | ||
| =====リンク===== | =====リンク===== | ||
| 作成中 | 作成中 | ||
ionic3でfirebase利用.1498027222.txt.gz · 最終更新: 2018/10/07 (外部編集)
