見出し画像

Cloud Firestore + Reactで 予定表の作成、netlifyにデプロイする【作例】 #firebase #noSQL #React #node #javascript


■ 概要:

Cloud Firestore 関連となり。Reactで 予定表を作るメモです
・配置先は、Reactのbuildファイルをnetlifyに、デプロイする例となります
・Firestore書き込み、認証は。前の記事と同様です

■ 環境

firebase
firebase Cloud Firestore
firebase.auth.GoogleAuthProvider
React
node 10.16

■ データ構成

画像1


■ 参考のコード

・firebase設定は、 src/index.js
 
・firebase認証を実行する場合、設置したドメインをAuthentication
 に追加する必要が。ありました。
・firebase画面の、下記のドメイン追加
Authentication > Sign-in method > 承認済みドメイン
ドメイン追加が無い状態、認証が失敗し、Firestore書き込み不可能でした

■ 画面

・Top

画像2

・追加

画像3

■ 関連のページ

Firestore書き込み、認証
https://note.com/knaka0209/n/nbed96c774175

Cloud Firestore + React で、CRUDの例
https://note.com/knaka0209/n/n47ef057c397e



...



いいなと思ったら応援しよう!