firebase_storageに保存されているファイルの変化を画面に反映させたい。

Question

flutterでfirebase_storageに画像・動画ファイルをアップロードするような
アプリを作ろうとしています。

現時点で、更新ボタンを押すと、押した時点のstorage内のファイルを全件取得して各ファイルに対応したボタンを表示→押したら画像を表示

まではできました。まあこれでもいいかな、という感じなんですが、
できればstorageにファイルがアップロードされたらそれを即時に画面に反映させて(対応したボタンを表示したい)、その時点で通知を送る、みたいなことができれば、今っぽくていいなあと思っています。

それをする場合、StreamBuilderを使うのでしょうか。StreamBuilderが頭に浮かぶのですが、具体的にどうすればいいか、となると手が止まります。

StreamControllerを自分で作って、他のユーザーがファイルをアップロードする都度イベントをaddするようなコードを自分で書くんでしょうか。そのためにはファイルのアップロードを察知する必要があると思うのですが、そのためのメソッドがあるんでしょうか。

関連するサンプルコードなどありましたら教えて頂きたいです。

Comments

[tepci]

質問ですが、StreamBuilderを使ってStorageではなく、Databaseのデータを即時に反映させる方法はわかりますか？

[moriman]

コメントを頂きましてありがとうございます。
まずstorageでどういうことができるかを知りたかったので、
storageから見て、だいたい一通り掴めたので
これからfirestoreとrealtime_databaseについて(まずはfirestoreから)書籍など読んでいる状況です。
まだStreamBuilderまで行っていないので、StreamBuilderを使った表示についてはわかっておりません。
StreamBuilder自体はfirebase以外のサンプルでたまに見るので、何となく、「Streamのイベント結果を勝手にwidgetに反映させてくれるすごく便利なもの」くらいの認識です。

[tepci]

現在学習中ということでしたら、FirestoreやRealtime Databaseであれば、StreamBuilderを使って即時に反映させる方法に関する記事は日本語でもいくつかありますので、StreamBuilderを使う場合はStorageよりも先にFirestoreを使うと仕様がわかりやすいと思います。

Answer 1

私もStorageについては知識が浅いので、あくまで推測になります。

Storageのデータを直接StreamBuilderを使って即時反映させることはなかなか難しい気がしますが、FireStoreのデータを即時反映させることは簡単です。

StreamBuilderを使ってFireStoreに格納されているデータを取得する方法は以下の記事が参考になります。
https://qiita.com/koizumiim/items/26bbad2f365ff3f186ef

それを利用して、Storageへファイルをアップロードすると同時にFireStoreにそのファイルへのパスのデータを追加します。
そうすれば、StreamBuilderがFireStoreの変更を勝手に検知してくれるので、その後ファイルのパスをつかってStorageからファイルを取得すれば実現可能ではないかと思いました。

以下リンク先でも同じような回答がありました。やはりStorageはクライアントに変更の通知をしないため、StreamBuilderで即時反映させることは難しいようです。
https://stackoverflow.com/questions/62533169/streambuilder-help-flutter-firebase-storage

Comments

[moriman]

回答を頂きましてありがとうございます。
書いてますね笑

firestoreのサンプルを見ていたのですが、DocumentReference,CollectionReference,QueryなどのクラスにStreamを取得(生成)するsnapshots()メソッドが用意されているので、それを使えば簡単に、データベースの中身をリアルタイムに反映するwidgetが作れる、ということですよね。
firestoreにはそういう便利な仕組みが用意されているので、簡単にStreamBuilderが使える、でもstorageには用意されていないので、やるならお示し頂いた方法か、あるいはstorageの中身の変化を返すStreamを自分で実装しないといけない、みたいなことですかね。

これって公式のflutterfireのstorageで上記の便利機能が実装されれば、storageでも、現在のfirestoreのようにStreamBuilderを簡単に使える、ということですよね。
でも用意されるまで待たないといけないし、そもそも用意されるのかどうかも誰にもわからない、ということですよね笑

storageでもlistAll()メソッドで全件取得自体はできるようになってますが、勝手にStreamを作ってくれるような仕組みはないっぽいですね。

[tepci]

Storageの変更はクライアントに通知されないという仕様なので、それはずっと変わらないと思います。
変更を監視したい場合はこちら側で実装しないといけないですね。
そういったIssueも見つからないですし、実装される可能性はほぼないかと思います。
listAll()ですらfirebase_storageのmasterに未だマージされていないですからね。