Разработка сайта на Node.js с помощью фрэймворка Express

1 Установка

Сперва убедимся в том, что node и npm установлены.

node -v

npm -v

Для создания express, первое, что необходимо сделать, это глобально установить node-модуль Express

npm i -g express-generator

2 Создание проекта

После глобальной установки Express, для установки проекта можно воспользоваться появившейся консольной командой express.

express site

После чего в текущей дирректории появляется папка site. Переходим в эту папку.

 cd site

Устанавливаем зависимости

npm i

3 Настройка порта

Открываем файл app.js, добавляем прослушиватель

app.listen(8029);

4 Запуск сервера

Запускаем сервер через node

node app.js

5 Просмотр приложения

На данном этапе можно проверить созданное приложение. Для этого в браузере введем следующий url:

localhost:8029

6 Подготовка базового шаблона

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    .menu
      a(href="/") Главная	
      a(href="/about") О компании	
      a(href="/contact") Контакты	
    block content

7 Контроллер

Внесем изменения в файл routes/index.js. Добавим еще один экшн, который будет прослушивать входящие параметры.

router.get('/:id', function(req, res, next) {
  var index = req.params.id;
  res.render('index', { title: index });
});