В этом руководстве мы будем устанавливать базовый веб-сервер 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 , где вы можете прочитать о документацию, и создайте свой собственный сайт убийцы!