Skip to content

Instantly share code, notes, and snippets.

@tomasevich
Last active September 17, 2024 17:17
Show Gist options
  • Save tomasevich/a2fe588c451c5a192893e6521a813020 to your computer and use it in GitHub Desktop.
Save tomasevich/a2fe588c451c5a192893e6521a813020 to your computer and use it in GitHub Desktop.
Сервер в связке Nginx + NodeJs

Сервер в связке Nginx + NodeJs

Данная пошаговая инструкция поможет освоить основы на простом примере

Для справки

Сервер поднимался на Debian 8 c характеристиками:

CPU - 1 ядро x 500 МГц

RAM - 512 МБ

Диск - 5 ГБ SSD+HDD

Принцип работы на пальцах

Nginx будет отдавать статические файлы самостоятельно, динамический контент передавать из NodeJS.

Установка и настройка Nginx

Представим что у вас чистый сервер и ничего не установлено. Идем в папку /root и становим Nginx:

$ apt-get install -y nginx

После установки Nginx, в папке /var появилась папка /www, а в ней папка /html, а в ней файл index.html. Идем в папку /var и переименуем папку /html в папку /nginx:

$ mv /var/www/html /var/www/nginx

Создаем доп.файл style.css (для теста):

$ touch /var/www/nginx/style.css

В файле index.html пишем код, этот файл будет заглушкой:

<h1>Заглушка</h1>

В файле style.css пишем код:

* {background: #000;}

Еще нам нуно создать папку для NodeJS:

$ mkdir /var/www/nodejs

Далее прописывем на всякий случай права для папок:

$ chown www-data /var/www && chown www-data /var/www/nginx && chown www-data /var/www/nodejs

Теперь самое интересное, настраиваем файл конфига Nginx, редактируем файл default:

$ mcedit /etc/nginx/sites-available/default

Очищаем весь файл и пишем (комменты # ниже):

# Настройка сервера
server {
	# Nginx слушает порт 80
	# default_server - указан в /etc/nginx/nginx.conf
	listen 80 default_server;
	# Указываем "динамическую" папку NodeJS
	root /var/www/nodejs;
	# Указываем основной файл заглушки
	index index.html;
	# Устанавливаем страницы ошибок
	# В папке /var/www/errors должны быть файлы 
	# 50x.html и 40x.html соответственно
	error_page 500 502 503 504 /50x.html;
	error_page 400 401 402 403 404 /40x.html;
	location = /50x.html { 
		root /var/www/errors;
	}
	location = /40x.html { 
		root /var/www/errors;
	}
	# Указываем IP адрес сервера
	server_name IP_адрес_сервера;
	# Если мы обращаемся по любому УРЛ начиная с /
	# то сервер будет обрабатывать NodeJS
	location / {
		# Тут указываем IP|Url и порт (8000) для NodeJS
		# поскольку Nginx будет висеть на 80 порту
		proxy_pass http://IPorURL_адрес_сервера:8000;
		proxy_set_header Host $host;
	}
	# Если мы обращемся по УРЛ начинающийся с /nginx/
	# то мы будем подгружать "статичные" файлы хранящиеся в нем
	# в соответствии с наличием этих файлов в этой папке
	location /nginx/ {
		# Указываем корень
		root /var/www/;
		autoindex off;
		# Итого путь для Nginx будет
		# /var/www/static/
	}
}	 

Добавляем Nginx в автозагрузку и запускаем, что бы изменения применились, после проверяем статус:

$ systemctl enable nginx && systemctl start nginx && systemctl status nginx

Установка и настройка NodeJS

Идем в папку /root и под пользователем root устанавливаем cURL

$ apt-get install -y curl

С помощью cURL скачиваем NodeJS, в моем случае верся 6:

$ curl -sL https://deb.nodesource.com/setup_6.x -o nodesource_setup.sh

Запускаем скаченный файл:

$ bash nodesource_setup.sh

Устанавливаем NodeJS

$ apt-get install -y nodejs build-essential

Готово! Можно протестировать:

$ node
> console.log ('hello world')

Вместе с NodeJS установился и NPM (Node Package Manager), с помощью которого мы установим express и pm2:

С помощью демона pm2 можно позабыть о проблемах с падением NodeJS (устанавливаем глобально):

$ npm install pm2 -g

Инициализируем проект, создаем package.json в который будем фиксировать нужные пакеты (спасибо @niiu за подсказку)

$ npm init

С помощью библиотеки express код будет писаться намного проще и быстрее (устанавлиаем локально):

$ cd /var/www/nodejs/
$ npm install express --save

Создаем файл server.js для NodeJS, который будет основным (входным) файлом:

$ touch /var/www/nodejs/server.js

Код файла server.js описан ниже:

  // Настройки
  const setup = {port:8000}
  // Подключаем express
  const express = require ('express'); 
  // создаем приложение
  const app = express ();
  // Маршрутизируем GET-запрос http://ваш_сайт/test
  app.get('/test', (req, res) => {    
    res.send('Тест'); 
  });
  // Слушаем порт и при запуске сервера сообщаем
  app.listen(setup.port, () => {
    console.log('Сервер: порт %s - старт!', setup.port);
  });

Теперь можно добавить демону 1 процесс и запустить наш NodeJS сервер:

$ pm2 start /var/www/nodejs/server.js

При этом у нас запущен сервер Nginx

После перезагрузки ОС, pm2 сам себя не запустит и соответственно не запустит процессы. Выполняем команды:

  1. Сначала добавляем нужный процесс (в нашем случае скрипт NodeJS)
  2. Потом сохраняем конфигурацию
  3. После, добавляем PM2 в сервисы ОС
$ pm2 start server.js
$ pm2 save
$ pm2 startup

Готово

Если все запустилось, значит у вас ровные руки, а у меня талант писать пошаговые инструкции :)

Тестируем

Переходим на http://IP_адрес_сайта:80/test - дожны увидеть фразу "Тест"

Переходим на http://IP_адрес_сайта:80/nginx/style.css - дожны увидеть код стилей

Переходим на http://IP_адрес_сайта:80/nginx/ или http://IP_адрес_сайта:80/nginx/index.html - дожны увидеть заглушку

Итого

Nginx является прокси-сервером, NodeJS основным приложением. Первый висит на 80 порту, второй на 8000 и слушает первый. NodeJS отдает динамику, а Nginx отвечает за статику.

Если что-то не получилось или вы нашли ошибку, пишите в комментариях ниже!

Полезные материалы

Сайт GitHub
https://nginx.org/ https://github.com/nginx/nginx
https://nodejs.org/ https://github.com/nodejs/node
http://expressjs.com/ https://github.com/expressjs/express
https://www.npmjs.com/ https://github.com/npm
https://www.npmjs.com/package/pm2
https://packages.debian.org/ru/jessie/curl
@exegguto
Copy link

npm install pm2 -g не выполняется для меня vps сервер, ошибка нет связи, хотя по curl показывает

npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @babel/[email protected] npm WARN Found: @babel/core@undefined npm WARN node_modules/@babel/core npm WARN npm WARN Could not resolve dependency: npm WARN peer @babel/core@"^7.0.0-0" from @babel/[email protected] npm WARN node_modules/@babel/plugin-syntax-jsx npm WARN @babel/plugin-syntax-jsx@"^7.22.5" from [email protected] npm WARN node_modules/babel-plugin-styled-components npm ERR! code ETIMEDOUT npm ERR! syscall connect npm ERR! errno ETIMEDOUT npm ERR! network request to https://registry.npmjs.org/pg failed, reason: connect ETIMEDOUT 2606:4700::6810:1f22:443 npm ERR! network This is a problem related to network connectivity. npm ERR! network In most cases you are behind a proxy or have bad network settings. npm ERR! network npm ERR! network If you are behind a proxy, please make sure that the npm ERR! network 'proxy' config is set properly. See: 'npm help config'

npm ERR! A complete log of this run can be found in: /root/.npm/_logs/2024-02-15T10_49_13_966Z-debug-0.log

Добавили DNS сервер от Google в файле /etc/systemd/resolved.conf и все заработало

@tomasevich
Copy link
Author

Я не всё понял на счёт конфигураций. У меня VDS сервер от timeweb и nginx там уже работал. nodejs установил. по адресу /var/www/mydomen.ru/html/index.html находится страница заглушка, она работает, причём я ещё установил SSL от letsencrypt и заглушка открывается по адресу https://mydomen.ru (здесь я левый адрес пишу) Потом создал каталог /var/www/mydomen.ru/html/bot/api и уже в нём запускаю сервер на nodejs на порту 3000, который возвращает "Hello World!" сервер запускается корректно, но я не пойму, по какому url до него можно добраться. Ни так https://mydomen.ru:3000 ни так https://mydomen.ru:3000/bot/api не работает Подскажите, пожалуйста, какие настройки за это отвечают.

@BagrovAnatoli, почитай как работает Nginx. Судя по описанию проблемы, твои HTTP запросы перехватывает прокси-сервер (т.е. nginx слушает порты и выдает результаты, а запросы не попадают до nodejs). Твоя задача, объяснить nginx, что на таком-то порту висит nodejs и все запросы нужно отдавать ему и возвращать, то что он генерирует.

@tomasevich
Copy link
Author

npm install pm2 -g не выполняется для меня vps сервер, ошибка нет связи, хотя по curl показывает
npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @babel/[email protected] npm WARN Found: @babel/core@undefined npm WARN node_modules/@babel/core npm WARN npm WARN Could not resolve dependency: npm WARN peer @babel/core@"^7.0.0-0" from @babel/[email protected] npm WARN node_modules/@babel/plugin-syntax-jsx npm WARN @babel/plugin-syntax-jsx@"^7.22.5" from [email protected] npm WARN node_modules/babel-plugin-styled-components npm ERR! code ETIMEDOUT npm ERR! syscall connect npm ERR! errno ETIMEDOUT npm ERR! network request to https://registry.npmjs.org/pg failed, reason: connect ETIMEDOUT 2606:4700::6810:1f22:443 npm ERR! network This is a problem related to network connectivity. npm ERR! network In most cases you are behind a proxy or have bad network settings. npm ERR! network npm ERR! network If you are behind a proxy, please make sure that the npm ERR! network 'proxy' config is set properly. See: 'npm help config'
npm ERR! A complete log of this run can be found in: /root/.npm/_logs/2024-02-15T10_49_13_966Z-debug-0.log

Добавили DNS сервер от Google в файле /etc/systemd/resolved.conf и все заработало

@exegguto, рад что удалось справиться с настройками VPS сервера, у каждого они свои и к счастью статья не об этом (видел твое сообщение, но не стал отвечать)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment