FirebaseStorageを触ってみた

目次

tl;dr

• FirebaseStorageを触ってみた
• Firebase触ってみたシリーズの続編

内容

firebase.storageを使えるようにする

const ref = firebase.storage().ref()でトップディレクトリにあるデータを参照できます。 const ref = firebase.storage().ref('/hogehoge')でhogehogeディレクトリ配下のデータを参照することができます。

DownloadURLを取得する

dataで定義している変数に、getDownloadURL()でFirebaseStorageに保存してあるデータのURLをいれています。

  data () {
    return {
      icon_url: null
    }
  }

const url = ref.getDownloadURL().then(function(url){

      _this.icon_url = url;
    });

まとめ

• CloudFirestoreよりかは設定が楽ですぐ使えた
• RealtimeDatabaseと使い方が似ているのでとっつきやすかった。
  • RealtimeDatabaseを使ったことがある人はすぐに使えると思う。
• 自分は画像ファイルを扱いたく、HTMLのimgタグのsrcにうまく渡せなくて躓いた。