【iOS】FirebaseStorageへ画像を保存・取得する方法

2019年11月15日 2019年11月30日

Firebaseに画像を保存する場合、Storageというところに保存することになります。

例えばユーザーのプロフィール画像や投稿された画像を保存する際などに使われることが多いです。

Storageへ画像を保存

私が画像をStorageに保存した時のコードです。

func uploadImage () {
        
        //ストレージサーバのURLを取得
        let storage = Storage.storage().reference(forURL: "あなた固有のURL")
        
        // パス: あなた固有のURL/profileImage/{user.uid}.jpeg
        let imageRef = storage.child("profileImage").child("\(user.uid).jpeg")
        
        //保存したい画像のデータを変数として持つ
        var ProfileImageData: Data = Data()
        
        //プロフィール画像が存在すれば
        if profileImageView.image != nil {
            
        //画像を圧縮
        ProfileImageData = (profileImageView.image?.jpegData(compressionQuality: 0.01))!
            
        }
        
        //storageに画像を送信
        imageRef.putData(ProfileImageData, metadata: nil) { (metaData, error) in
            
            //エラーであれば
            if error != nil {
                
                print(error.debugDescription)
                return  //これより下にはいかないreturn
                
            }
            
        }
        
    }

func uploadImage () {

//ストレージサーバのURLを取得

let storage = Storage.storage().reference(forURL: "あなた固有のURL")

// パス: あなた固有のURL/profileImage/{user.uid}.jpeg

let imageRef = storage.child("profileImage").child("\(user.uid).jpeg")

//保存したい画像のデータを変数として持つ

var ProfileImageData: Data = Data()

//プロフィール画像が存在すれば

if profileImageView.image != nil {

//画像を圧縮

ProfileImageData = (profileImageView.image?.jpegData(compressionQuality: 0.01))!

}

//storageに画像を送信

imageRef.putData(ProfileImageData, metadata: nil) { (metaData, error) in

//エラーであれば

if error != nil {

print(error.debugDescription)

return //これより下にはいかないreturn

}

ちょっと長いですが一つずつ説明していきます。

ストレージサーバのURLを取得

let storage = Storage.storage().reference(forURL: "あなた固有のURL")

これを取得しないと保存ができない(はず)なので、取得しましょう。

やり方はまず、自身のプロジェクトのfirebaseのコンソール画面のStorageタブを開きます。

画像の中央に〜.appspot.comというURLがあります。これを""で包んで該当箇所に記述しましょう。

パスを指定する変数を定義

let imageRef = storage.child("profileImage").child("\(user.uid).jpeg")

画像のありか(ストレージの場所)を示すパス(あなた固有のURL/フォルダの名前/{user.uid}.jpeg)を指定する変数を定義しています。

"profileImage"はフォルダの名前です。これは自分で好きな名前をつけてください。上のコンソール画面の画像でもprofileImageというフォルダが作られているのが確認できます。

"\(user.uid).jpeg"は画像の「.jpeg」以前にAuthの.uidを入れるようにしています。

ここも自分の好きなように応用してください。

コンソール画面のフォルダをクリックすると、保存した画像が一覧で見れます。

ここの「.jpeg」以前の部分が私の場合は.uidになるということです。

保存したい画像のデータを変数として持つ

var ProfileImageData: Data = Data()

のちに画像を圧縮したりstorageに画像を送信する際にはData型である必要がある(多分)のでここでそれ用の変数を定義しておきます。

私の場合はユーザーのプロフィール画像を保存したかったのでvar ProfileImageDataとしましたが、ここも皆さんの好きにして良いです。

画像を圧縮

ProfileImageData = (profileImageView.image?.jpegData(compressionQuality: 0.01))!

画像のサイズが大きすぎるとアプリの挙動が遅くなったりすることがあるので圧縮(リサイズ)してから画像を保存しましょう。

compressionQuality: 0.01ここの数字でどれくらいのサイスにするか指定できます。

storageに画像を送信

imageRef.putData(ProfileImageData, metadata: nil) { (metaData, error) in }

imageRefで画像の保存先のパスを指定し、保存したい画像のデータが入ったProfileImageDataをstorageに送信することで画像が保存できます。保存が成功すればmetaData、失敗すればerrorに値が入ります。

Storageの画像を取得

コードを文字で見る

if let user = Auth.auth().currentUser {
let storageref1 = Storage.storage().reference(forURL: "gs://ogiri-d1811.appspot.com").child("profileImage").child("\(user.uid).jpeg")

            profileImageView.sd_setImage(with: storageref1)
}

if let user = Auth.auth().currentUser {

let storageref1 = Storage.storage().reference(forURL: "gs://ogiri-d1811.appspot.com").child("profileImage").child("\(user.uid).jpeg")

profileImageView.sd_setImage(with: storageref1)

}

これはFirebaseUIを使ったやり方です。podファイルに「pod 'FirebaseUI/Storage'」を追加する必要があります。

if let user = Auth.auth().currentUser { let storageref1 = Storage.storage().reference(forURL: "gs://ogiri-d1811.appspot.com").child("profileImage").child("\(user.uid).jpeg") }

ここでstorageref1に取得したい画像のパスを入れます。

私の場合は「Authのuid.jpeg」になるようになっているので.child("\(user.uid).jpeg")になっています。

profileImageView.sd_setImage(with: storageref1)

あとはImageViewに.sd_setImage(with:取得したい画像のパス)で画像の取得はOKです。