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 для этого проекта. Удачного кодирования !!!