![見出し画像](https://assets.st-note.com/production/uploads/images/114574476/rectangle_large_type_2_1583af92a58f0abf687fe53736a84413.png?width=1200)
【FlutterFlow】画像追加にFirebaseの設定は必要なの?:ドキュメント・レファレンスの受け渡し
はい、こんにちは!前回記事からの続きです。FlutterFlowで、ページ間でドキュメント・レファレンスの受け渡しについて、ご紹介しています。
前回は、ドキュメント・レファレンスとは何ぞや?という話をしました。関係データベース(RDB)でいうところの、「リレーションシップ」にあたるものです。2つのコレクションのドキュメントを紐づけることでしたね。
今回からは、実際にドキュメント・レファレンスの受け渡しをする前段階の作業として、Content Managerを使って、UserとToDo間でドキュメント・リファレンスの設定をします!今回は、Userコレクションを更新するのみです。
となれば、バックエンドの作業です。うまく動かないことが多いんだよな…。頑張るぞ~。
いってみましょう!
コンテンツ・マネジャでUsersのデータを追加
では、コンテンツ・マネジャを早速開きましょう。
コレクションにドキュメントを追加してきます。まずはUsersからですね。今は何もドキュメントがありません。
![](https://assets.st-note.com/img/1693165969367-vZ5AbI3Bv5.png)
フィールドは、デフォルトのとおりです。すべてフィールド値を埋める必要はないです。email、display_name、photo_urlくらいを埋めればいいかな。
![](https://assets.st-note.com/img/1693166201413-tnU41MWA0W.png?width=1200)
画像追加に必要なFirestore設定
今回は、画像も追加したいです。となりますと、FirebaseでStorageの追加設定が必要だったはず。過去記事はこちらです。
ということで、Firebaseに移動します。Storage->Rulesと選択します。
![](https://assets.st-note.com/img/1693166751601-GxTtmznKZY.png)
この後、「allow read, write: if 」の後ろに「true;」をつければいいだけでした。「if true」は、プログラミング的に、「どんなときでもTrue」になるはずです。違います?
では、さっそく、、、あれ、if文の中身がすでに存在しています。9月14日前だったらTrue扱いになりそうな雰囲気です。じゃあ、9月14日前なら何もしなくてもいいのかな?
![](https://assets.st-note.com/img/1693167208645-te9rMrgBW8.png?width=1200)
Firestoreを変更せずにドキュメント追加を試みます。
![](https://assets.st-note.com/img/1693167402454-26RYuWMV6A.png?width=1200)
あれ、画像のアップロードができてしまいましたね。じゃあ、いいのかな。にしても、Firestoreの設定の仕方を知らないと、いつまでたっても安心してFlutterFlowを使える気がしません…。
![](https://assets.st-note.com/img/1693167524380-Mku32h8uL7.png?width=1200)
合計3人のユーザドキュメントを追加しましょう。
はい、できました~。エラーが何も発生しませんでした。
![](https://assets.st-note.com/img/1693167876150-oZXzYQ9WqC.png?width=1200)
デフォルトのセキュリティ仕様が変わったのか、それとも自分の設定が影響したのか不明ですが、とにかく画像はアップロードできました。
ふ~。ここでつまづく予感しかしていなかったので、とりあえずよしとします!
はい、本日はここまで。今回は、コレクション側の準備作業として、Userコレクションのドキュメントを追加しました。特に、鬼門となっていた画像の追加ができました。本当に本当にこれでいいのか、不安は付きまといますけどね…。
次回は、メインディッシュ!ドキュメントレファレンスを追加する作業をやります!
では!
この記事が気に入ったらサポートをしてみませんか?