如何在 node.js 應用程序中將資產從 S3 提供給客戶端

Question

我想使用 Amazon S3 將我的 static 文件（圖像、fonts、...）提供給客戶端，而不是將它們直接存儲在 web 主機中。 我創建了一個存儲桶並上傳了我的文件。 我已經閱讀了有關如何執行此操作的其他問題和教程，但我很困惑，因為我之前沒有從外部存儲中提供文件。

我如何以安全和標准的方式做到這一點？ 我不知道這是否應該在前端通過直接包含對象的 URL 或讓服務器使用 SDK 或其他選項請求文件來完成...

我正在使用 Node、Express 和 React。

Answer 1

這很簡單。

1. 配置您的存儲桶以用於提供 static 內容。 您可以在此處找到步驟。
2. 配置您的構建過程以將您的 static 文件添加到反應包。
3. 構建您的反應應用程序並將 dist/build 文件夾上傳到存儲桶的根目錄。

這將允許您從 S3 提供 static 文件和 Rect 應用程序。 您的 URL 會有點難看：它將類似於： http://bucket-name.s3-website-region.amazonaws.com 。

如果您想要一個特殊的 URL，例如www,yourappname.com您需要執行更多步驟：

1. 您需要創建一個 SSL 公共證書。
2. 您需要配置 CloudFront 分配。

在這里您可以找到有關這些額外步驟的更多信息。

重要提示：S3 不支持 Express/Node。 為此，您需要一個 web 服務器。