質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.03%

FirebaseStorageのダウンロード方法

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 765

sam3457

score 50

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の構造化の仕方)などがこうする方が良い。私はこうしている。などありましたらそちらの方も一言教えていただけると幸いです。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+1

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

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

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/03/29 13:52

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

    キャンセル

  • 2018/03/29 14:23

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

    キャンセル

  • 2018/03/29 17:32

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

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.03%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る