Да, вы изучили React и теперь можете разработать полноценное клиентское приложение. create-react-app помогает настроить и запустить проект React, включая транспиляцию кода, базовый линтинг, тестирование и сборку систем. Короче говоря, вы можете начать писать код React с минимальной подготовкой. Но как только ваше приложение будет готово, пришло время развернуть его на сервере, вы застряли и будете искать помощи у своих товарищей по бэкэнду или DevOps.

Ждать!! Быть специалистом по внешнему интерфейсу это кажется сложным, но деполировать ваше приложение на сервере относительно проще, чем писать управление состоянием в редуксе.

В этом посте мы узнаем, как развернуть приложение React на сервере Ubuntu 18.04, используя Node.js, serve и pm2.

pm2 — это диспетчер процессов для среды выполнения JavaScript Node.js. Это диспетчер процессов демона с открытым исходным кодом, который помогает управлять приложением и поддерживать его работу круглосуточно и без выходных.

Предпосылки

Чтобы следовать этому руководству, вам понадобится следующее:

  • Последняя версия Node.js, установленная на вашем компьютере или сервере Linux, где вы собираетесь развернуть приложение.
  • sudo apt-get update sudo apt-get install nodejs node -v or node -version npm -v or npm -version
  • create-react-app инструмент
  • npm install -g create-react-app
  • Развертывание приложения
  • 1.Сначала создайте приложение с помощью npx create-react-app
  • npx create-react-app my-app
  • 2. Теперь вы можете запустить приложение, выполнив следующую команду в корне каталога проекта.
  • 3. Реагирующее приложение по умолчанию будет работать в http://localhost:3000.
  • 4. Теперь установите пакеты serve и pm2 глобально в системе/сервере.
  • npm install -g serve npm install -g pm2
  • 5. Поскольку вы находитесь в корневом каталоге своего проекта, выполните следующую команду, чтобы создать производственную сборку вашего приложения. Это создаст каталог с именем build в корневом каталоге проекта.
  • 6. Теперь мы можем запустить следующую команду для развертывания приложения.
  • В нашем случае мы можем запустить следующую команду
  • pm2 serve build 8082 --spa
  • PM2 может очень легко обслуживать статические файлы с помощью функции pm2 serve. Он поддерживает обслуживание необработанных файлов из указанной папки, или вы можете обслуживать с ним SPA (одностраничное приложение).

Теперь вы можете видеть, что ваше приложение работает на порту 8081, когда вы вышли из своего ssh-терминала в браузере.

Бонус: ниже приведены некоторые служебные команды для управления процессом pm2.

  • Укажите имя приложения pm2 --name <app-name>
  • Удалить все процессы pm2 pm2 delete all
  • Удалить определенный процесс pm2 delete <app-name>
  • Проверьте использование ЦП и памяти pm2 monit

Справочные ссылки: -

Первоначально опубликовано на https://www.loginradius.com.