如何使用google cloud和node js从firebase存储中检索图像并将其显示在网页上

Question

我存储我的图像在Firebase存储现在我想显示在我的页面上

const firebase = require('./../config/firebase');
const gcloud = require('google-cloud');
const fs = require('fs');

var storage = gcloud.storage({
projectId: 'test-a1e76',
keyFilename: 'test-a1e76-firebase-adminsdk-7111d-124guy123eac.json',
});

var bucket = storage.bucket('test-a1e76.appspot.com');

我的设置就是这样的。

这是我的get方法。

router.get('/image', function (req,res) {

    var remoteReadStream = bucket.file('download.png').createReadStream();
    var localWriteStream = fs.createWriteStream('/images/watchers/2jIompF9FUZ6A4LnpBcbpHWw8dx2/download.png');
    var ss = remoteReadStream.pipe(localWriteStream);
    res.send(ss);
})

我只是尝试了一下，因为它是写在谷歌云计算的npm文档上的。我试着把它放在get方法中，看看它是如何工作的。

之后，我得到了这个错误...

Error: ENOENT: no such file or directory, open 'C:\images\test\2jIoasd24zd13ase121s2Ww8dx2\download.png'

这是我的ajaxget方法

 $.ajax({
    url:'/user/image',
    type:'GET',
    success:function(data){
      console.log(data.path);

    }
  });

这里是否有人可以指导我如何从firebase存储中检索图像并将其显示在我的网页上？。使用谷歌云npm？因为我读到一些线程，节点js不支持firebase存储，所以他们使用谷歌云。

Answer 1

你只需要显示图像，对吗？有一种肮脏的方式。

1-在你的bucket上上传一张图片，点击它（在Firebase控制台中）。

2-屏幕右侧显示有关文件的信息。

3-寻找“下载网址”（或类似的东西）并点击它。

4-这是一个url示例：

https://firebasestorage.googleapis.com/v0/b/coffee-a7e8c.appspot.com/o/coffeeTrue.png?alt=media

如您所见，有一种模式：https://firebasestorage.googleapis.com/v0/b/NAME_FILE?alt=media

获取您的令牌，现在您可以显示bucket上的所有图像，只需传递文件名和令牌（如本例所示）。

这是因为Firebase为您的服务提供了RESTAPI。

记住：在设置开放规则之前进行身份验证。

每个人都能阅读。只有身份验证用户才能写入。

service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read: if request.auth == null;
      allow write: if request.auth != null;
    }
  }
}