Angular2Fire访问存储中的图像

Question

我正在使用带有angular2的firebase。我厌倦了使用图像的直接网址访问firebase的存储桶中的图像。它给出了一些安全性错误，但是当在地址栏中输入时，可以在浏览器中直接查看相同的图像。

<img src="gs://img url in firebase storage">

它出现以下错误

然后我按照Angular2Fire Image access链接尝试了该方法。但是它返回了对象而不是url访问。

TS：

recommendedListBind(list){
list.forEach(lists => {
    const storageRef = firebase.storage().ref().child(lists.thumbnail);
    let thumbnail = storageRef.getDownloadURL().then(url => url);

    let Detail = {
      title : lists.title,
      thumbnail : thumbnail,
    }

    this.recommendedList.push(Detail);
  });
};

HTML：

<ul>
  <li *ngFor="let List of recommendedList">
    <div class='cards'>
        <img src={{List.thumbnail}} alt={{List.title}} title={{List.title}} />
  </li>
</ul>

它提供以下消息：

在firebase存储中访问图像的正确方法是什么？

Answer 1

使用Firebase Storage api时，要么实现身份验证，要么可以使用不需要身份验证的下载URL，并且该脚本基于可以在控制台中撤消的令牌。

您可以在The Google Firebase Storage Security Documentation和AngularFire2 github上找到有关身份验证的详情