使用 Firebase Storage 在 Web 主页上呈现图像
Using Firebase Storage to render images on web homepage
我对网络开发和 Firebase 存储都不熟悉。通常,如果我要制作一个包含公开图片的网站,我会将该图片 URL 放入 <img>
标签的 src
属性中。如果我在 squarespace 上使用自定义内容或其他东西,可能会有一种方法可以上传你的图片,这样你仍然可以用同样的方式添加照片?但是因为我使用的是 firebase 托管,所以我想我会使用 firebase 存储来存储我的自定义内容。
因此,如果我的主页上有我想显示的图片,使用 Firebase 存储并调用 getDownloadURL
方法来获取 url 是否有效,然后我可以将其注入我的 HTML 通过 Javascript?
我尝试了一个这样的例子,似乎弹出了页面,然后下载 url 出现了(不出所料),但这只是给整个过程一种缓慢而滞后的感觉。也许只是感觉是这样,因为其他一切都在我的机器上,所以它毫不费力地弹出,当它们都被下载时看起来会更好?但就网络速度和使用而言,这似乎有点贵,对吧?
也许我只是以错误的方式调用它(现在 <head>
中引用了脚本,这就是它的呈现方式。在呈现这样的内容方面是否有最佳实践?
如果图像是动态的,您应该使用 firebase 存储,但如果您指的是您身边的静态图像,我看不出使用存储有任何好处。您可以通过 Firebase 托管直接使用您的 JS 代码托管图像。
托管还使用 Google 全球网络来减少您的加载时间以及图像的加载时间。
我对网络开发和 Firebase 存储都不熟悉。通常,如果我要制作一个包含公开图片的网站,我会将该图片 URL 放入 <img>
标签的 src
属性中。如果我在 squarespace 上使用自定义内容或其他东西,可能会有一种方法可以上传你的图片,这样你仍然可以用同样的方式添加照片?但是因为我使用的是 firebase 托管,所以我想我会使用 firebase 存储来存储我的自定义内容。
因此,如果我的主页上有我想显示的图片,使用 Firebase 存储并调用 getDownloadURL
方法来获取 url 是否有效,然后我可以将其注入我的 HTML 通过 Javascript?
我尝试了一个这样的例子,似乎弹出了页面,然后下载 url 出现了(不出所料),但这只是给整个过程一种缓慢而滞后的感觉。也许只是感觉是这样,因为其他一切都在我的机器上,所以它毫不费力地弹出,当它们都被下载时看起来会更好?但就网络速度和使用而言,这似乎有点贵,对吧?
也许我只是以错误的方式调用它(现在 <head>
中引用了脚本,这就是它的呈现方式。在呈现这样的内容方面是否有最佳实践?
如果图像是动态的,您应该使用 firebase 存储,但如果您指的是您身边的静态图像,我看不出使用存储有任何好处。您可以通过 Firebase 托管直接使用您的 JS 代码托管图像。
托管还使用 Google 全球网络来减少您的加载时间以及图像的加载时间。