Перенос проекта NPM в Apache

Question

У меня есть простой пример проекта, который мне удалось запустить с помощью

1. Установка Node.js для windows x64

2. Git clone https://github.com/BretCameron/three-js-sample.git

3. Запуск

   npm установка сценариев реакции

   npm audit-fix

   npm start

Это запустило localhost:3000 сервер, на котором я могу просмотреть пример, и он работает

Теперь я хочу поставить все это веб-приложение на локальном сервере apache, для которого я использую XAMPP. И в конце концов я хочу разместить его на сервере в сети.

Я привык делать это с помощью приложения PHP, такого как Wordpress, где вы помещаете все файлы проекта в папку htdocs.

Я предполагаю, что для этого мне нужно получить все файлы Node.js и поместить их в один каталог? Вот как это работает? Я даже не могу найти, где npm установлен react-scripts

Может ли кто-нибудь описать, как заставить приложение запускать встроенный локальный сервер с npm start в приложение, размещенное на онлайн-сервере .

Answer 1

Обычно npm start запускает локальный сервер, поэтому вы можете разрабатывать свои файлы, указав в браузере http://localhost:3000. Когда вы закончите разработку, вы можете запустить сценарий, например npm build, чтобы скомпилировать ваши JS файлы в окончательный пакет, готовый к отправке вашей аудитории. В этом разница между кодом разработки и производственным кодом. Затем вы можете загрузить этот связанный файл JS в свою папку htdocs, чтобы сервер Apache мог доставить финализированный файл вашим посетителям.

Не пытайтесь запускать node в Apache. Я не думаю, что это возможно, а если да, то было бы довольно сложно настроить без цели. Нет причин запускать сервер узлов, который постоянно проверяет JS файлы на наличие обновлений, чтобы постоянно обслуживать код разработки. Вы хотите один раз упаковать его в производственный код, а затем просто обслужить этот единственный файл.

Сценарий для объединения вашего кода варьируется от проекта к проекту. Просмотрите свой package.json файл, вы должны увидеть раздел scripts, как на скриншоте ниже. В этом примере запуск npm run dev обслуживает код в режиме разработки через localhost, а npm run build компилирует мой JavaScript в пакет, готовый для загрузки в производство.

введите описание изображения здесь

Удачи!