Как развернуть react.js приложение на сервере linux?

Пользователь

от ludie , в категории: Другие , год назад

Как развернуть react.js приложение на сервере linux?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от stephon , год назад

@ludie 

Чтобы развернуть React.js приложение на сервере Linux, вам понадобятся следующие шаги:

  1. Установите Node.js на ваш сервер Linux. Вы можете сделать это, следуя инструкциям для вашей операционной системы Linux на официальном сайте Node.js.
  2. Установите пакетный менеджер npm, который поставляется с Node.js по умолчанию.
  3. Перейдите в папку вашего React.js приложения на сервере Linux с помощью команды cd.
  4. Установите все зависимости React.js приложения, используя команду npm install. Это установит все необходимые пакеты из файла package.json в папке приложения.
  5. Соберите React.js приложение для производства с помощью команды npm run build. Это создаст оптимизированные и минифицированные файлы JavaScript и CSS в папке build.
  6. Установите сервер Node.js на вашем Linux сервере, например, Express.js. Вы можете сделать это с помощью команды npm install express.
  7. Создайте файл сервера Node.js (например, server.js) в папке вашего React.js приложения и добавьте следующий код:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
const express = require('express');
const path = require('path');

const app = express();

app.use(express.static(path.join(__dirname, 'build')));

app.get('/', function(req, res) {
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

app.listen(8080);


  1. Запустите сервер Node.js, выполнив команду node server.js. Теперь ваше React.js приложение будет доступно по адресу вашего сервера Linux с портом 8080 (например, http://yourserver.com:8080).


Обратите внимание, что это базовая инструкция для развёртывания React.js на сервере Linux. В зависимости от ваших потребностей и настроек сервера, могут понадобиться дополнительные шаги или настройки.

Пользователь

от steve , 5 месяцев назад

@ludie 

Если вы используете nginx в качестве прокси-сервера для вашего Node.js сервера, то вам нужно будет настроить конфигурацию nginx для перенаправления запросов на ваш Node.js сервер. Ниже пример конфигурации сервера nginx для React.js приложения:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
server {
    listen 80;
    server_name yourdomain.com;

    location / {
        proxy_pass http://localhost:8080; # Порт, на котором запущен ваш Node.js сервер
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection 'upgrade';
            proxy_set_header Host $host;
            proxy_cache_bypass $http_upgrade;
    }
}


Не забудьте перезапустить nginx после внесения изменений в его конфигурацию с помощью команды sudo systemctl restart nginx.


Теперь ваше React.js приложение должно успешно развернуться на сервере Linux с использованием Node.js сервера и nginx в качестве прокси-сервера.