AWS Code Pipeline - 將 React 應用程序部署到 S3 存儲桶

Question

我有一個看似簡單的任務，就是嘗試將 React 應用程序部署到 S3 存儲桶以將其用作網站。 我已經按照幾個教程進行了多次嘗試，並以多種方式進行了嘗試。 他們都失敗了，我發現這非常令人沮喪，而且文檔也沒有幫助。

按照這個例子，我設置了一個管道。 我不需要構建，只需要在 github 推送時觸發的部署，即可將構建的代碼部署到 S3 存儲桶。

我相信我的第一個問題出在 object 鍵上——這根本不在我能找到的單個 AWS 文檔或示例中。

我需要輸入build文件夾中的文件，還是public文件夾中的文件。 如果我輸入“build/index.html”的 object 密鑰，它會以相同的方式將這些文件拉入示例中的 S3 存儲桶，這顯然不理想。

我相信這些 object 鍵是代碼管道將要拉過來的文件——盡管在某個地方對此進行解釋會很好。 那么，如何為 React 應用程序輸入 object 密鑰？

我還嘗試手動將文件上傳到 S3 存儲桶並將其用作網站，但它只是下載文件而不是運行代碼並將其作為網站查看。

Answer 1

勾選"Extract file before deploy"然后如果你想在根目錄中部署你的文件，你可以跳過Deployment path為空。 當勾選"Extract file before deploy"時， S3 bucket Key字段將消失。