FirebaseStorageのダウンロード方法

Question

SNSアプリ(twitter,insta系)を作っています。

Authを使ったログイン機能・ RealtimeDatabaseを使った投稿機能・プロフィールの保存機能が実装されています。

RDBの構造はこの様な形です

ご覧の様に画像データ(投稿画像・アイコン画像)は圧縮、エンコードして文字列として保存していました。

しかし、RDBに画像の様な大容量のデータを保存するのはRDBの容量を圧迫するため、代わりにFirebaseStorageを使うと良いとのアドバイスをいただきました。

そこでまずプロフィールの名前はRDB、アイコン画像はStorageにアップロードするコードを書いてみました。

 //userdefaultとサーバに送る
    @IBAction func changeProfile(_ sender: Any) {
        
        
        
        //userdefaultに保存
        
        //名前
        let username = nameTextField.text
        userDefault.set(username, forKey: "username")
        
        //アイコン画像
        var data: Data = Data()
        if let image = iconImageView.image {
            data = UIImageJPEGRepresentation(image, 0.1)! as Data
        }
        let encodedIcon = data.base64EncodedString(options: Data.Base64EncodingOptions.lineLength64Characters) as String
        userDefault.set(encodedIcon, forKey: "usericon")
        
        
        //サーバにアップロード
        let uid = Auth.auth().currentUser?.uid
        
        //名前はRDBに保存
        let RDBref = Database.database().reference()
        let prof: Dictionary = ["username": username]
        RDBref.child("profs").child(uid!).setValue(prof)
       
        //アイコンは(初期画像でなければ)Storageに保存
        if iconImageView.image != UIImage(named: "user.png") {
            let storageRef = Storage.storage().reference()
            storageRef.child("usericons").child(uid!).putData(data, metadata: nil)
        }
        KRProgressHUD.showSuccess(withMessage: "変更しました")
        
    }

RDBと同じ様にusericonsというchildを作り、その中にchild(uid)で保存しました。

アップロードはできたのですがStorageに保存したものをダウンロードする際の方法が公式ページを見たところどうやら三つあるらしく、現在どの方法を使えば良いのか悩んでおります。

ちなみにRDB・storageにアップロードしたプロフィール情報(名前とアイコン画像)はこの先タイムラインに投稿画像一枚と一緒にcollectionviewの一つのcellとして表示する予定です。

この様な実装を考えたとき、

① 皆様はどの様な方法で画像をダウンロードしていますでしょうか？

② また、アップロードの仕方（RDBとStorageの構造化の仕方）などがこうする方が良い。私はこうしている。などありましたらそちらの方も一言教えていただけると幸いです。

Answer 1

Firebase Storageから画像をダウンロードしてUIImageViewに表示したい場合、一番お手軽なのは公式で用意されている FirebaseUI を使用することです。

公式ドキュメント: https://firebase.google.com/docs/storage/ios/download-files?hl=ja#downloading_images_with_firebaseui

Comments

[sam3457]

回答ありがとうございます。いつもお世話になっております。
FirebaseUI、導入試して見ます！
RDBなのですが、画像を抜いたのでusericonやpostimageなどの項目はデータ構造から無くしてしまってもいいのでしょうか？

[kakajika]

各userやpostに対応する画像が必ず1つであるなら、Storageへの参照も1対1で対応するので無くしてしまっていいと思います。
1つの投稿に複数の画像を添付したいと言うようなことになった場合はStorageへの参照も複数必要になりますから、それらに対応するIDなどをRDB側に保存しなければなりません。

[sam3457]

お返事ありがとうございます。
複数の画像は、アップロードした時のIDを同時にRDBにも画像の参照として保存しておき、取り出すときはRDBから画像以外の投稿データと画像のIDを得てそのIDで画像を表示するという感じですね！
段々とSNSの仕組みがわかってきました！本当にありがとうございます！