Angular Universal - Развертывание на AWS Elasti c Beanstalk - PullRequest
Новая
       23

Angular Universal - Развертывание на AWS Elasti c Beanstalk

1 голос
/ 30 апреля 2020

Я уже три дня пытаюсь и терплю неудачу, чтобы заставить это работать, и все больше расстраиваюсь из-за собственного непонимания по топи c - так что это мой поиск ответа, которого я не пока не найдено.

Я использую Angular 9.x и Angular Universal 9.x и не могу понять, как развернуть это в Elasti c Beanstalk на работающем узле сервера. Есть ноль обучающих программ, которые объясняют, как это должно быть сделано, поскольку они все предназначены для тех, кто хочет использовать Lambda на AWS. Если бы кто-то мог, пожалуйста, указать мне правильное направление, это было бы здорово. Я запускаю npm run build: ssr --prod и получаю следующее в моей папке dist:

[Dist folder[1]

Я попытался развернуть эту папку, загрузив ее в архиве, как так же, как пробовал eb deploy со всем моим приложением - но все это приводит к ошибкам вроде следующего (для метода eb deploy) 

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

sh: ng: command not found

Может кто-нибудь указать мне правильное направление?

1 Ответ

2 голосов
/ 08 мая 2020

Я тоже несколько месяцев боролся из-за отсутствия в Интернете руководств по развертыванию Angular Universal на AWS Elasti c Beanstalk. И теперь вы будете очень рады узнать, насколько это просто.

Сначала запустите команду npm run build:ssr для сборки для производства.

Внутри папки dist вы, вероятно, найдете папку с названием вашего проекта. Внутри этой папки вы найдете папку «браузер» и папку «сервер». Внутри «серверной» папки находится основной файл. js.

Ваши настройки могут немного отличаться, но вы сможете приспособить это объяснение к вашей ситуации после прочтения всего моего ответа.

Zip папка dist.

Теперь давайте настроим среду в AWS Elasti c Beanstalk.

1) Когда вы создаете среду в Elasti c Beanstalk, выберите «Среда веб-сервера», а затем в конфигурации ветви филиала выберите последний параметр: «Node.js, работающий на 64-битной Amazon Linux». Это очень важный шаг, так как это единственный параметр, который позволит вам настроить параметры контейнера.

2) В коде приложения выберите «Загрузить свой код» и загрузить ZIP-файл.

3) Нажмите кнопку «Настроить дополнительные параметры»

4) Нажмите кнопку «Редактировать» в поле «Программное обеспечение».

5) В поле команды «Узел» введите node dist/yourProjectFolderName/server/main.js

Вот и все !! Сохраните и создайте свою среду. Ваше приложение будет работать сейчас. : -)

...