ユーザ用ツール

サイト用ツール


ionic3でfirebase利用

差分

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

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

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
ionic3でfirebase利用 [2017/06/21]
adash333 [ionic3でfirebase利用]
ionic3でfirebase利用 [2018/10/07] (現在)
行 2: 行 2:
  
 angularfire2\\ angularfire2\\
-というものを使います。20170621時点では、まだバージョンが、rc1です。\\ +というものを、npm installして使います。
-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で掲示板アプリを作成する①\\
行 16: 行 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利用.1498027478.txt.gz · 最終更新: 2018/10/07 (外部編集)