Firebase 存储 - 图像服务的 URL

Question

我正在尝试让 Firebase Storage 与像 Imgix 这样的图像服务一起使用或 Cloudinary .但是，Firebase 提供的下载 URL 似乎不适用于这些服务。

例如:多云 说你可以获取这样的图像:

http://res.cloudinary.com/demo/image/fetch/ http://upload.wikimedia.org/wikipedia/commons/0/0c/Scarlett_Johansson_C%C3%A9sars_2014.jpg

但是，我的下载 URL 看起来更像这样:

https://firebasestorage.googleapis.com/v0/b/project-503247351211329470.appspot.com/changedsoitdoesnotwork/o/O8Hv4nKOyGgcCyOLoVLH7cQw48y2%2Fimages%2F1.jpeg?alt=media&token=28eabf76-f85b-45aa-das3-fd945729d7c2

我更改了上面 url 中的一些字符，因此它不起作用，因为我不希望来自 Stackoverflow 的大量请求。 :)

有什么我可以做的不同吗？我可以直接向存储桶提出请求吗？

Answer 1

您绝对可以将 Imgix 或 Cloudinary 之类的服务与 Firebase 存储 URL 结合使用——这里的问题(99% 的情况都是如此)是 URL 在用于获取时需要进行百分比转义。

如果我们有一个 URL，如:https://firebasestorage.googleapis.com/v0/b/fir-cloudvisiontest.appspot.com/o/images%2Fimage.jpg?alt=media&token=TOKEN
它需要转义为:https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Ffir-cloudvisiontest.appspot.com%2Fo%2Fimages%252Fimage.jpg%3Falt%3Dmedia%26token%3D61d35caf-b209-485f-8248-a3c2aa717468 (是的，它实际上重新转义转义的任何百分比编码)。

这将导致 Cloudinary URL 如下所示:http://res.cloudinary.com/<your-project>/image/fetch/https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Ffir-cloudvisiontest.appspot.com%2Fo%2Fimages%252Fimage.jpg%3Falt%3Dmedia%26token%3DTOKEN
鉴于 URL 编码容忍度的服务差异，您的里程可能会有所不同，因此我建议使用类似 http://meyerweb.com/eric/tools/dencoder/ 的工具测试 URL。验证您的图像是否有效。