如何使用 Firebase 托管来托管图像？

Question

问题

如何使用 Firebase 托管图像文件？

我目前正在通过 Firebase 在应用程序消息传递 中的步骤来设置要在应用程序内向用户显示的消息。当要求为消息提供 图片 URL 时，UI 建议使用 Firebase hosting。我已按照设置说明进行操作并成功托管了我的第一个站点。

我找不到有关托管图像资源的文档，例如可以路由到特定 URL.

的 png 文件

设置

托管配置

托管成功

Answer 1

解决方案

在初始化Firebase Hosting时默认的public目录下，添加png等图片资源文件即可。

部署资源后，您可以参考 url 中的资源。

文件结构

Url 图片

https://你的项目名称.firebaseapp.com/你的图片.png

Answer 2

您还可以使用 Firebase Storage 存储 文件，例如图像。

❗️由于请求的需要，加载时间会变慢，但您可以在您的网站上更改图像而无需重新部署它（例如切换 logo.png 用于另一张图像，它只会改变网站）。

您可以在控制台中手动上传它们，然后使用 Javascript:

检索它们

import { getStorage, ref, getDownloadURL } from "firebase/storage";

const storage = getStorage();
getDownloadURL(ref(storage, 'images/stars.jpg'))
  .then((url) => {
    // `url` is the download URL for 'images/stars.jpg'

    // insert into an <img> element
    const img = document.getElementById('myimg');
    img.setAttribute('src', url);
  })
  .catch((error) => {
    // Handle any errors
  });

⬇️

来自Google Docs