文書の過去の版を表示しています。

Ionic4とFirestoreでCRUD

以下のサイトは、Angular6とFirestoreでチャットアプリを作成しながら、AngularFire2を用いてCRUDを実装する方法を解説しています。日本語です！

https://qiita.com/Yamamoto0525/items/437a2884c0c51f5a3af8

上記サイトをIonic4で写経する場合

ionic start ionic4-firestore-crud blank --type=angular
npm install -g firebase-tools@4.2.1
npm install firebase @angular/fire --save
// src/environments/environment.ts にfirebaseのAPI KEYなどを入力
// src/app/app.module.ts にenvironmentとangular/fireをimport

AngularFire2公式サイト

英語です。

https://github.com/angular/angularfire2/tree/master/docs

AngularFirestoreのCollectionの利用例（リスト表示）

https://github.com/angular/angularfire2/blob/master/docs/firestore/collections.md

FireStoreでのデータ入力

Ionic4でのtodo.page.htmlと、todo.page.ts (FirebaseのAPIキーなどは入力済みとする)

Ionic4とFirestoreとCapacitorで写真アップロードつきCRUDアプリ

以下のサイトからメールアドレスを登録すると、capacitorを用いたカメラ画像を保存できるIonic4アプリ作成方法についての、無料のPDFファイルをダウンロードすることができます。ソースコードもhttps://github.com/javebratt/master-firestore-event-managerにアップロードしてくださっています。

https://javebratt.com/firebase-free-course/