如何使用 AccessKeyId 和 SecretAccessKey 在浏览器中访问 S3 存储桶文件？答案

【问题标题】：How Do I Access S3 Bucket Files in Browser Using AccessKeyId and SecretAccessKey?如何使用 AccessKeyId 和 SecretAccessKey 在浏览器中访问 S3 存储桶文件？
【发布时间】：2022-01-06 16:03:43
【问题描述】：

我有 AWS S3 存储桶的 accessKeyId 和 secretAccessKey。如何使用浏览器访问存储桶中的视频文件？

我正在使用 React 和 Node(Nest.js)。我想在 React 前端播放视频文件

【问题讨论】：

您网页的用户在访问页面时是否提供了访问密钥和密钥？希望您不打算将这些凭据明显地存储在网页中。假设您拥有 AWS 凭证，您可以在浏览器中使用 AWS JavaScript 开发工具包为 S3 中的视频文件创建一个预签名 URL，然后将该 URL 提供给您的视频播放器。
谢谢，我正在尝试使用docs.aws.amazon.com/AWSJavaScriptSDK/v3/latest/modules/… 生成一个预签名的 url。你知道clientParams和getObjectParams是什么吗？
对于 clientParams，请参见 Interface S3ClientConfig，对于 getObjectParams，请参见 Interface GetObjectCommandInput。最初搜索创建 S3 客户端并使用 GetObjectCommand 的 SDK v3 代码示例可能更简单。
搞定了，谢谢！

标签： amazon-web-services amazon-s3 browser

【解决方案1】：

如果您的网页有 AWS 凭证，那么您可以使用浏览器中的 AWS JavaScript SDK 将 S3 中的视频文件发送到 create a pre-signed URL，然后将该 URL 提供给您的视频播放器。

如果网页没有 AWS 凭证并且无法轻松获取它们，请考虑使用 AWS Amplify 或编写一个小型服务器端组件来代表您的客户端执行此操作。

请注意，预签名 URL 具有相关的到期日期/时间。

【讨论】：