首页 > 解决方案 > 如何使用 Admin API 在 Firebase Storage 中创建文件夹

问题描述

目标:将文件上传到 Firebase 存储中的文件夹中

例如

default_bucket/folder1/file1
default_bucket/folder1/file2
default_bucket/folder2/file3

使用 Firebase客户端,我可以将文件上传到 Firebase 存储中的文件夹,如下所示:

    const storageRef = firebase.storage().ref();
    const fileRef = storageRef.child(`${folder}/${filename}`);
    const metadata = {
      contentType: file.type,
      customMetadata: { }
    };
    return fileRef.put(file, metadata);

如果该文件夹不存在,则会创建它。

但是,我没有设法使用 Admin SDK 在服务器端做同样的事情。

下面的代码将文件上传到默认存储桶中。

但是,我想将文件上传到默认存储桶中的命名文件夹中。

客户端向 GCF 发出 POST 请求,发送文件和文件夹名称。

Busboy 用于额外的文件夹名称和文件,并将它们传递给上传函数;它上传文件,然后为它返回一个下载链接。

index.js

const task = require('./tasks/upload-file-to-storage');

app.post('/upload', (req, res, next) => {
  try {
    let uploadedFilename;
    let folder;

    if (req.method === 'OPTIONS') {
      optionsHelper.doOptions(res);
    } else if (req.method === 'POST') {
      res.set('Access-Control-Allow-Origin', '*');

      const busboy = new Busboy({ headers: req.headers });
      const uploads = [];

      busboy.on('file', (fieldname, file, filename, encoding, mimetype) => {
        uploadedFilename = `${folder}^${filename}`;

        const filepath = path.join(os.tmpdir(), uploadedFilename);
        uploads.push({ file: filepath, filename: filename, folder: folder });
        file.pipe(fs.createWriteStream(filepath));
      });

      busboy.on('field', (fieldname, val) => {
        if (fieldname === 'folder') {
          folder = val;
        } 
      });

      busboy.on('finish', () => {
        if (uploads.length === 0) {
          res.end('no files found');
        }
        for (let i = 0; i < uploads.length; i++) {
          const upload = uploads[i];
          const file = upload.file;

          task.uploadFile(helpers.fbAdmin, upload.folder, upload.file, uploadedFilename).then(downloadLink => {
            res.write(`${downloadLink}\n`);
            fs.unlinkSync(file);
            res.end();
          });
        }
      });
      busboy.end(req.rawBody);
    } else {
      // Client error - only support POST
      res.status(405).end();
    }
  } catch (e) {
    console.error(e);
    res.sendStatus(500);
  }
});

const api = functions.https.onRequest(app);

module.exports = {
  api
;

上传文件到 storage.js

exports.uploadFile = (fbAdmin, folder, filepath, filename) => {
  // get the bucket to upload to
  const bucket = fbAdmin.storage().bucket(); //`venture-spec-sheet.appspot.com/${folder}`

const uuid = uuid();
  // Uploads a local file to the bucket
  return bucket
    .upload(filepath, {
      gzip: true,
      metadata: {
        //destination: `/${folder}/${filename}`,
        cacheControl: 'public, max-age=31536000',
        firebaseStorageDownloadTokens: uuid
      }
    })
    .then(() => {
      const d = new Date();
      const expires = d.setFullYear(d.getFullYear() + 50);

      // get file from the bucket
      const myFile = fbAdmin
        .storage()
        .bucket()
        .file(filename);

      // generate a download link and return it
      return myFile.getSignedUrl({ action: 'read', expires: expires }).then(urls => {
        const signedUrl = urls[0];
        return signedUrl;
      });
    });
};

我尝试了几件事

将存储桶名称设置为默认值和文件夹。这导致了服务器错误。

const bucket = fbAdmin.storage().bucket(`${defaultName}/${folder}`); 

将存储桶名称设置为文件夹。这导致了服务器错误。

const bucket = fbAdmin.storage().bucket(folder); 

而且,我也尝试过使用uploadOptions的目标属性。但这仍然将文件放在默认存储桶中。

    .upload(filepath, {
      gzip: true,
      metadata: {
        destination: `${folder}/${filename}`, // and /${folder}/${filename}
      }
    })

是否可以使用 Admin SDK 上传到文件夹?

例如,我想上传一个文件,以便将其放置在一个命名的“文件夹”中。

即我可以在路径中引用文件:bucket/folder/file.jpg

在下面的示例中,每个“文件夹”都使用 firebase 键命名。

在此处输入图像描述

标签: firebasefirebase-storagefirebase-admin

解决方案


发现了问题。我愚蠢地在错误的地方声明了目的地选项。

而不是在元数据对象中:

 return bucket
    .upload(filepath, {
      gzip: true,
      metadata: {
        destination: `${folder}/${filename}`,
        cacheControl: 'public, max-age=31536000',
        firebaseStorageDownloadTokens: uuid
      }
    })

它应该在选项对象上:

 return bucket
    .upload(filepath, {
      gzip: true,
      destination: `${folder}/${filename}`,
      metadata: {   
        cacheControl: 'public, max-age=31536000',
        firebaseStorageDownloadTokens: uuid
      }
    })

通过此更改,文件现在被上传到一个命名的“文件夹”中。


推荐阅读