Angular CLI - это интерфейс командной строки для Angular framework, который используется для создания, сборки и локального запуска вашего приложения во время разработки.
Он предназначен для сборки и тестирования проекта Angular на сервере разработки. Однако, если вы хотите, чтобы ваши приложения постоянно работали в производственной среде, вам понадобится Диспетчер процессов Node.js Такие как PM2.
PM2 это популярный, продвинутый и многофункциональный менеджер производственных процессов для Node.js приложения со встроенным балансировщиком нагрузки. Его набор функций включает поддержку мониторинга приложений, эффективное управление микросервисами / процессами, режим кластера запущенных приложений, а также плавный перезапуск и завершение работы приложений. Кроме того, он поддерживает простое управление журналами приложений и многое другое.
В этой статье мы покажем вам, как запустить Угловой приложения, использующие Angular CLI и PM2 Node.js менеджер процессов. Это позволяет вам постоянно запускать ваше приложение во время разработки.
Для продолжения на вашем сервере должны быть установлены следующие пакеты:
Примечание: Если у вас уже есть Node.js и НПМ установлен в вашей системе Linux, перейдите к Шаг 2.
Чтобы установить последнюю версию Node.jsсначала добавьте Репозиторий NodeSource в вашей системе, как показано, и установите пакет. Не забудьте запустить правильную команду для Node.js версию, которую вы хотите установить в своем дистрибутиве Linux.
$ curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - # для Node.js версии 12. $ curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash - # для Node.js версии 11. $ curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - # для Node.js версии 10. $ sudo apt install -y nodejs.
# curl -sL https://deb.nodesource.com/setup_12.x | bash - # для Node.js версии 12. # curl -sL https://deb.nodesource.com/setup_11.x | bash - # для Node.js версии 11. # curl -sL https://deb.nodesource.com/setup_10.x | bash - # для Node.js версии 10. # apt install -y nodejs.
# curl -sL https://rpm.nodesource.com/setup_12.x | bash - # для Node.js версии 12. # curl -sL https://rpm.nodesource.com/setup_11.x | bash - # для Node.js версии 11. # curl -sL https://rpm.nodesource.com/setup_10.x | bash - # для Node.js версии 10. # yum -y установить nodejs. # dnf -y install nodejs [в версиях RHEL 8 и Fedora 22+]
Кроме того, также установите инструменты разработки в свою систему, чтобы вы могли компилировать и устанавливать собственные надстройки из НПМ.
$ sudo apt install build-essential [Вкл. Debian / Ubuntu] # yum install gcc-c ++ make [В CentOS / RHEL] # dnf install gcc-c ++ make [в Fedora]
Как только у вас есть Node.js и НПМ установлен, вы можете проверить их версии, используя следующие команды.
$ node -v. $ npm -v.
Далее устанавливаем Angular CLI и PM2 с использованием менеджер пакетов npm как показано. В следующих командах -г
опция означает глобальную установку пакетов - доступную для всех пользователей системы.
$ sudo npm install -g @ angular / cli #install Angular CLI. $ sudo npm install -g pm2 # установить PM2.
Теперь перейди в webroot каталог вашего сервера, затем создайте, соберите и обслуживайте свое приложение Angular (называемое sysmon-приложение
, замените это на имя вашего приложения) с помощью Angular CLI.
$ cd / srv / www / htdocs / $ sudo ng new sysmon-app # следуйте подсказкам.
Затем перейдите в приложение (полный путь /srv/www/htdocs/sysmon-app
), который только что был создан и обслуживает приложение, как показано.
$ cd sysmon-app. $ sudo ng serve.
Из вывода команда ng serve, вы можете видеть, что приложение Angular не работает в фоновом режиме, вы больше не можете получить доступ к командной строке. Поэтому вы не можете выполнять какие-либо другие команды во время его работы.
Итак, вам нужен диспетчер процессов для контроля и управления приложением: запускайте его непрерывно (вечно), а также разрешите ему запускаться автоматически при загрузке системы, как описано в следующем разделе.
Прежде чем перейти к следующему разделу, прервите процесс, нажав [Ctrl + C]
чтобы освободить командную строку.
Чтобы ваше новое приложение работало в фоновом режиме, освободив командную строку, используйте PM2 служить ему, как показано. PM2 также помогает выполнять общие задачи системного администрирования, такие как перезапуск при сбое, остановка, перезагрузка конфигураций без простоев и многое другое.
$ pm2 start "ng serve" - имя sysmon-app.
Затем, чтобы получить доступ к веб-интерфейсу вашего приложения, откройте браузер и перейдите по адресу http://localhost: 4200
как показано на следующем снимке экрана.
Домашняя страница Angular CLI: https://angular.io/cli
Домашняя страница PM2: http://pm2.keymetrics.io/
В этом руководстве мы показали, как запускать приложения Angular, используя Angular CLI и PM2 менеджер процессов. Если у вас есть какие-либо дополнительные идеи или вопросы, свяжитесь с нами через форму обратной связи ниже.