Angular2Fire 访问存储中的图像

Question

我正在使用带有 angular2 的 firebase。我厌倦了使用图像的直接 url 访问 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 上找到有关身份验证的更多信息