Настройка веб-сервера Express.js в Ubuntu 16.04 LTS

• Установка Node.js
• Установка Экспресс

В этом руководстве мы будем устанавливать базовый веб-сервер Express.js с использованием Node.js, среды выполнения Javascript, основанной на движке Chrome V8, на нашу Vultr VPS, работающую под управлением Ubuntu 16.04. Если вы не знаете, Express.js - это минимальная и гибкая среда Node.js, которая дает вам возможность писать веб-приложения. Это действительно демонстрирует, что может сделать Node.js с точки зрения веб-разработки. Итак, без лишних слов, давайте начнем!

Установка Node.js

Для начала вам необходимо установить Node.js, который будет бэкендом для нашего сайта Express. Чтобы установить его в Ubuntu 16.04, сначала нужно добавить репозиторий для последней версии. Для этого введите следующее:

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

Что он делает, так это то, что он берет последние 8.x пакеты с nodeource.com и устанавливает их в качестве хранилища APT. Когда все закончится, запустите следующее для установки Node:

sudo apt-get install -y nodejs build-essential

Что он делает, так это сам устанавливает Node.js, и он захватывает build-essential, какие инструменты вам могут понадобиться при компиляции модулей. Когда это будет сделано, мы создадим новый проект Node. Во-первых, убедитесь, что вы находитесь в своем /homeкаталоге.

/home/yourname

Для проверки просто введите pwdсвой терминал, и если вы видите /home/yourname, то все готово! Затем мы будем использовать функцию инициализации npm, чтобы создать папку, в package.jsonкоторой будут отслеживаться все наши модули. Для этого введите npm initсвой терминал. Следуйте всем инструкциям, и вы увидите это, когда закончите:

{
  "name": "example",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "rich",
  "license": "MIT"
}

Затем нажмите Enter для подтверждения.

Установка Экспресс

Далее мы установим наш экспресс-модуль. Для этого просто наберите:

npm install express

Подождите, пока он не закончит установку.

Чтобы сделать жизнь проще, мы будем использовать аккуратный маленький модуль под названием express-generator. Это создаст для нас каркасный веб-сайт, который облегчит жизнь. Он заботится об основных вещах, таких как маршруты и тому подобное. Чтобы установить Express Generator, просто введите:

npm install express-generator -g

Мы указываем -gфлаг, который означает, что он будет глобальным, и мы можем использовать его во всей нашей системе. Как только мы закончим установку, мы должны принять решение. Мы должны выбрать, какой движок рендеринга мы хотим использовать для нашего проекта. Для краткости мы будем использовать ejsв этом уроке замечательный движок рендеринга, который я настоятельно рекомендую вам больше изучить. Чтобы настроить наш голый проект, просто наберите:

express -v ejs mysite

Это создаст новую папку внутри нашего существующего проекта с именем mysite. Теперь, чтобы убедиться, что у нас есть все необходимые модули для проекта, выполните следующую команду.

npm install

Теперь, когда у нас есть базовая настройка сайта, мы можем ее запустить! Чтобы запустить веб-сайт с базовым портом, просто введите:

DEBUG=mysite:* npm start

Теперь сайт запустится. Единственная проблема в том, что вы не сможете видеть веб-сайт, так как вы используете терминал. Чтобы просмотреть страницу примера, нам нужно будет указать IP-адрес HTTP-сервера, который будет IP-адресом нашего VPS. Чтобы получить свой IP-адрес, просто перейдите на панель Vultr VPS и нажмите на вкладку серверов. Это должно быть прямо под именем вашего сервера, внизу. Например: «Сервер 1024 МБ - ваш IP». Скопируйте этот IP-адрес и держите его близко, потому что он нам понадобится. Затем вернитесь на сервер и измените каталог на папку bin.

cd mysite/bin

Предполагается, что вы создали папку в своем домашнем каталоге. Отредактируйте файл внутри: wwwфайл. Для этого мы будем использовать встроенный редактор Nano.

nano www

Оказавшись внутри, перейдите к этой строке:

server.listen(port);

Добавьте свой IP-адрес в эту строку. Отредактируйте его так, чтобы оно выглядело так:

server.listen(port, 'your ip here');

Затем нажмите «control-o» на клавиатуре и «enter» для сохранения. Нажмите «control-x» для выхода. Теперь у нас все готово для запуска нашего сервера. Просто введите ту же команду, которую мы ввели ранее, чтобы проверить это:

DEBUG=mysite:* npm start

Теперь консоль выведет порт, на котором она слушает. Следите за этим портом, так как он вам понадобится. Чтобы просмотреть свой сайт, откройте веб-браузер и перейдите по следующему URL-адресу.

http://yourIP:port

Например, это может выглядеть так:

http://192.0.2.0:3000

Если все прошло хорошо, вы увидите «Welcome to Express» на вашем экране!

И вы сделали! Вы создали свой первый сайт Express с Node.js, работающий на Vultr VPS. Чтобы узнать больше о Express и о том, что вы можете с ним сделать, я рекомендую перейти на их сайт по адресу http://expressjs.org и на сайт EJS по адресу http://ejs.co , где вы можете прочитать о документацию, и создайте свой собственный сайт убийцы!