ユーザ用ツール

サイト用ツール


ionic3でfirebase利用

差分

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

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
ionic3でfirebase利用 [2017/06/21]
adash333 [ionic3でfirebase利用]
ionic3でfirebase利用 [2018/10/07] (現在)
行 2: 行 2:
  
 angularfire2\\ angularfire2\\
-というものを使います。20170621時点では、まだバージョンが、4.0.0-rc1で。\\ +というものを、npm installして使います。 
-6Installation 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で掲示板アプリを作成する①\\ ホームクラウドFirebaseとionicで掲示板アプリを作成する①\\
行 17: 行 46:
  
  
 +
 +(参考)
 +
 +Angular+Firebaseでチャットアプリを作る
 +Yamamoto0525
 +2017年06月22日に更新\\
 +http://qiita.com/Yamamoto0525/items/a76ea4b3924eeb82b0f9\\
 +=>こちらのサイトを、ionic3で写経してみたい
 ===== ionic3とfirebaseでtodoアプリ ===== ===== ionic3とfirebaseでtodoアプリ =====
  
行 24: 行 61:
 https://www.joshmorony.com/building-a-crud-ionic-2-application-with-firebase-angularfire/ 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利用.1498060735.txt.gz · 最終更新: 2018/10/07 (外部編集)