如何在react.js中使用Google云端存储？

Question

我正在运行一个在Express上运行的react.js应用。我添加了google-cloud npm module，但我还没有成功。当我需要该模块时，我在控制台中收到以下错误：

似乎npm模块应该在服务器端运行，但react.js运行在客户端。有没有人尝试使用react.js应用程序将文件上传到Google云端存储？

Answer 1

有一个适用于Google API的JavaScript客户端库，您可以将其与Google Cloud Platform一起使用。 Here's a tutorial，向您展示如何将其与Compute Engine API结合使用。在Google Cloud Storage中使用它的原理应该相似。

Your OAuth API scopes需要匹配Cloud Storage JSON API，并且您需要load一个storage客户端而不是compute。从那里，您可以根据需要使用Cloud Storage JSON API，就像使用本教程使用the Compute Engine API一样。

Answer 2

您可以使用 firebase 在任何 React 应用中轻松访问您的云存储

npm install firebase

然后像其他库一样导入和使用它

import firebase from "firebase/app";
import "firebase/storage"


var firebaseConfig = [a key you get from your firebase project]


firebase.initializeApp(firebaseConfig);

var storage = firebase.storage();

并随心所欲地使用它。例如。

var files = await storage.ref("/images").list();
console.log(files.items);

简单地列出名为 images 的云存储文件夹中的文件

您可以在此处获得完整的文档 Get started with cloudstorage on web，用于前端 Web 使用，就像您打算在 React 中使用一样