Express.js - это фреймворк Node.js. Точно так же, как Laravel для PHP. Express.js очень прост в понимании узлов и может упростить маршрутизацию. Это упрощает также получение запросов от внешнего интерфейса и подключение к базе данных наших приложений.

Express.js использует шаблон проектирования MVC (модель, представление и контроллер). Мы увидим это по мере продвижения в этом уроке, желательно во второй части этого урока.

В этом руководстве мы создадим простое приложение с единственной целью - понять Express.js.

Основные требования

  • NodeJs
  • IDE
  • Базовые знания Javascript - это плюс, но это не должно мешать вам учиться.

Давайте начнем

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

Перед установкой Express давайте проверим, установлены ли на нашем компьютере Nodejs и NPM.

Перейдите в терминал или командную строку и запустите

node -v

а также

npm -v

После проверки мы можем установить Express.js через NPM с помощью этой команды:

npm install express

Вы можете подумать об установке Express глобально, чтобы иметь возможность совместно использовать модули в нескольких приложениях. Следовательно, для глобальной установки вам необходимо -g

npm install -g express

Express.js успешно установлен на нашу машину. Теперь давайте продолжим и создадим наше приложение, используя

express expressapp

Здесь я использую expressapp в качестве имени своего приложения, вы можете использовать любое имя по вашему выбору

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

Давайте быстро их рассмотрим, войдем в приложение, запустив cd expressapp, и откроем его в текстовом редакторе. Я использую Vscode и могу легко открыть его с помощью терминала с code .

  • package.json: этот файл содержит список всех пакетов узлов, которые мы установили в приложении, и введение в приложение.
  • app.js: этот файл является главной страницей входа для экспресс-приложения. Код веб-сервера
    находится в этом файле.
  • общедоступный: мы можем использовать эту папку для вставки наших ресурсов, таких как изображения, таблицы стилей или пользовательский код JavaScript.
  • Представления: эта папка содержит все наши файлы представлений, которые будут отображаться в браузере.
  • маршруты: в этой папке есть полный список всех маршрутов, по которым мы будем строить доступ к различным страницам приложения.
  • bin: эта папка содержит исполняемые файлы для Node.js.

Беглый взгляд на наш package.json файл показывает, что экспресс-команда установила необходимые зависимости.

Давайте быстро их рассмотрим.

  • express: это фреймворк JavaScript для Node.js, который используется для создания масштабируемых веб-приложений на основе Node.js.
  • static-favicon: используется для отображения значка в браузере, чтобы идентифицировать наше приложение.
  • morgan: это промежуточное ПО для регистрации HTTP-запросов.
  • body-parser: используется для анализа параметров тела, которое мы предоставляем при выполнении HTTP-запроса.
  • отладка: это служебный пакет JavaScript, который обеспечивает удобное форматирование того, что возвращает console.log.
  • jade: как упоминалось ранее, это шаблонизатор по умолчанию для Node.js. Мы должны были увидеть предупреждение при создании приложения с помощью экспресс-команды, в котором говорилось, что механизм представления по умолчанию не будет изменен в будущих выпусках. Это потому, что нефрит будет заменен мопсом; Авторские права на нефрит принадлежали компании, и позже название было изменено на мопс.

Давайте перейдем с jade на pug

В package.json файле убрать строчку ”jade”: “~1.3.0”, для установки мопса запустить

npm install pug --save

Переименуйте файлы в папке просмотров:

  • error.jade в error.pug
  • index.jade в index.pug
  • layout.jade в layout.pug

Наконец, в app.js замените app.set(‘view engine’, ‘jade’) на app.set(‘view engine’, ‘pug’), а затем run npm install, чтобы установить все зависимости.

Вам может быть интересно, когда мы, наконец, увидим что-нибудь в нашем браузере, мы уже там.

Настроить веб-сервер

Добавьте следующую строку кода в ваш app.js файл

app.listen(3000, function() { console.log('listening on 3000') })

Теперь перейдите к своему терминалу и запустите node app.js , чтобы запустить приложение.

Зайдите в свой браузер и запустите localhost:3000

Поздравляю!!!! Вот оно, мы создали наше первое приложение express.js.

Что дальше

Мы улучшим наше приложение, реализовав архитектуру MVC в нашем приложении во второй части этого руководства.

Пожалуйста, оставьте комментарий, если у вас есть что добавить или у вас есть вопрос. Надеюсь, вы узнали что-то новое по этой теме. Здесь - репозиторий Github для этого проекта. Удачного кодирования !!!