Angular Universal - 部署到 AWS Elastic Beanstalk

Question

我已經嘗試並失敗了三天多來讓這個工作正常進行，並且對我自己對這個主題缺乏了解越來越感到沮喪 - 所以這是我尋找我還沒有找到的答案。

我正在使用 Angular 9.x 和 Angular Universal 9.x 並且無法弄清楚如何將其部署到服務器運行節點上的 Elastic Beanstalk。 有零個教程解釋了如何做到這一點，因為它們都針對那些想要在 AWS 上使用 Lambda 的人。 如果有人能指出我正確的方向，那就太好了。 我運行 npm 運行 build:ssr --prod，並在我的 dist 文件夾中獲取以下內容：

[

我已嘗試通過上傳壓縮文件來部署此文件夾，並嘗試使用我的整個應用程序進行eb deploy - 但所有這些都會導致如下錯誤（對於 eb 部署方法）

> blush-front-end@0.0.0 start /var/app/current
> ng serve

sh: ng: command not found

有人可以指出我正確的方向嗎？

Answer 1

由於缺乏關於如何將 Angular Universal 部署到 AWS Elastic Beanstalk 的在線教程，我也苦苦掙扎了幾個月。 現在你會很高興知道它是多么容易。

首先，運行命令npm run build:ssr為生產構建。

在 dist 文件夾中，您可能會找到一個帶有您的項目名稱的文件夾。 在此文件夾中，您將找到一個“瀏覽器”文件夾和一個“服務器”文件夾。 在“服務器”文件夾中，它是 main.js 文件。

您的設置可能略有不同，但在閱讀我的整個答案后，您將能夠根據您的情況調整此解釋。

Zip dist 文件夾。

現在讓我們在 AWS Elastic Beanstalk 中配置環境。

1) 在 Elastic Beanstalk 中創建環境時，選擇“Web 服務器環境”，然后在 Platform branch config 中選擇最后一個選項：“Node.js running on 64bit Amazon Linux”。 這是一個非常重要的步驟，因為這是使您能夠配置容器選項的唯一選項。

2) 在應用程序代碼上，選擇“上傳您的代碼”並上傳您的 zip 文件。

3) 點擊配置更多選項

4) 單擊軟件框上的編輯按鈕。

5) 在節點命令字段中，鍵入node dist/yourProjectFolderName/server/main.js

就是這樣.. 保存並創建您的環境：您的應用程序現在可以運行了。 :-)