Да, вы изучили 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.