ユーザ用ツール

サイト用ツール


ionic3でfirebase利用

差分

この文書の現在のバージョンと選択したバージョンの差分を表示します。

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

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
ionic3でfirebase利用 [2017/06/21]
adash333 [ionic3とfirebaseでtodoアプリ]
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アプリ =====
  
ライン 28: ライン 65:
 http://​chibinowa.net/​note/​vuejs/​vue-17.html http://​chibinowa.net/​note/​vuejs/​vue-17.html
  
 +https://​qiita.com/​lacolaco/​items/​b068ab0cf19a26f0992d\\
 +@lacolaco
 +2016年05月24日に更新
 +FirebaseのRulesを理解する
 =====リンク===== =====リンク=====
  
 作成中 作成中

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