使用 JavaScript 访问服务器端文件系统

Question

我在 Amazon S3 上托管一个静态网站。在我的 Bucket 中，还存储了一些 .txt 、 .pdf 、 .svg 文件。我想用 javascript 在我的 html 网站上显示这些文件的列表（仅命名没有内容）。由于用户可以将文件上传到存储桶，因此名称总是会改变。这就是我想列出它们的原因。而且我不想列出所有文件而不是显示 html 文件，而是显示带有表格的 html 文件，该表格列出了存储桶中特定文件夹中的文件。

我不使用 nodejs，只是 js 用于浏览器。我尽量不使用任何新模块。项目应该保持简单。

我已经阅读了有关在 browserify 的帮助下在浏览器中使用诸如“fs”之类的 nodejs 模块的教程。我没有管理那个或我发现的任何其他想法。

我阅读了一些关于 FileSystemDirectoryReader for js 的内容，但目前还没有得到普遍支持。 WebKitFileSystem 会满足我的需求吗？我知道大多数文件系统 API 都使用 virtuall 目录而不是我需要的目录。

现在我想知道我是否真的需要像 npm 模块这样的东西，因为我不想访问客户端文件系统，而是我自己在 S3 上的文件系统。 我已经使用 XMLHttpRequest 从这些文件中读取了数据，但我也可以只列出名称吗？

如果我有一些类似的代码，那就太好了： var arrFiles = []; arrFiles = readFiles("./files/*");

另一种方法是使用 AWS Lambda 读取所有文件名，将它们保存为文本文件中的列表，然后使用 js 读取该文件以在网站上打印名称。看起来很复杂。

如果这有任何意义。 提前致谢

Answer 1

我现在使用 lambda 函数生成表格内容。

在那个 lambda 函数中，我使用 aws.s3 类和 listObjectsV2()。它读取特定文件夹中的所有数据。我将所有找到的文件的名称写入存储在存储桶中的文本文件。

每次重新加载页面时，该 js 文件都会使用 XMLHttp 请求来读取该文本文件。所以它会获取存储桶文件夹的内容，并可以将名称写入表中。当我返回显示表格的网站主页时，总是会触发 lambda 函数。

Answer 2

使用 AWS AWS Mobile CLI 和 aws-amplify 是可能的。它们是很棒的文档和示例site

基本上，您创建一个 aws 移动中心，配置您的 S3 存储桶、cognito、dynamodb 和您需要的任何其他 aws 服务。

首先用 node js 安装 AWS 移动 cli

npm install -g awsmobile-cli

配置它。

awsmobile configure

初始化你的项目

awsmobile init

在您的项目中安装 aws-amplify 节点包一次

npm i install aws-amplify

导入必要的模块并进行配置。

import Amplify, { Storage } from 'aws-amplify';
import aws_exports from './aws-exports';
Amplify.configure(aws_exports);

最后只需调用List 函数，它会列出指定路径下的键。

Storage.list('photos/')
       .then(result => console.log(result))
       .catch(err => console.log(err));

您可以执行各种功能，例如上传、下载和删除。它们由 AWS 团队维护和支持，不仅限于 S3。

它们与 Angular 和 react js 都兼容。