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

Настройка проекта.
Для начала убедитесь, что на вашем компьютере установлены Node.js и npm (менеджер пакетов Node). Вы можете проверить их установку, выполнив в терминале следующие команды:

node -v
npm -v

Если обе команды возвращают номера версий, все готово. Теперь давайте создадим новый каталог для нашего проекта и перейдем в него:

mkdir express-sample-project
cd express-sample-project

Инициализация проекта.
Далее давайте инициализируем новый проект Node.js с помощью npm. Откройте терминал и выполните следующую команду:

npm init -y

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

Установка Express.js:
Чтобы использовать Express.js в нашем проекте, нам необходимо установить его как зависимость. Запустите следующую команду в своем терминале:

npm install express

При этом Express.js будет загружен и установлен в папку node_modules.

Создание базового сервера.
Теперь, когда у нас установлен Express.js, давайте создадим базовый сервер, который прослушивает определенный порт и отправляет сообщение «Hello, World!» реагирование на входящие запросы. Создайте новый файл с именем server.jsи добавьте следующий код:

const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
  res.send('Hello, World!');
});
app.listen(port, () => {
  console.log(`Server running on port ${port}`);
});

Чтобы запустить сервер, выполните в терминале следующую команду:

node server.js

Откройте веб-браузер и перейдите к http://localhost:3000. Вы должны увидеть надпись «Hello, World!» отображается сообщение.

Маршрутизация.
Express.js предоставляет простой и интуитивно понятный способ определения маршрутов для вашего приложения. Давайте расширим наш сервер, добавив дополнительные маршруты. Измените файл server.jsследующим образом:

// ... previous code
app.get('/about', (req, res) => {
  res.send('This is the About page');
});
app.get('/contact', (req, res) => {
  res.send('Contact us at example@example.com');
});
// ... remaining code

Теперь, если вы перейдете к http://localhost:3000/about, вы увидите сообщение «Это страница «О программе», а если вы перейдете к http://localhost:3000/contact, вы увидите сообщение «Свяжитесь с нами по адресу example@example.com».

Промежуточное программное обеспечение:
Функции промежуточного программного обеспечения Express.js позволяют выполнять дополнительные действия между входящим запросом и ответом сервера. Давайте создадим простую функцию промежуточного программного обеспечения, которая записывает текущую метку времени для каждого входящего запроса. Измените файл server.jsследующим образом:

// ... previous code
app.use((req, res, next) => {
  console.log(`[${new Date().toLocaleString()}] ${req.method} ${req.url}`);
  next();
});
// ... remaining code

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

Поздравляем! Вы изучили основы создания примера проекта с помощью Express.js. Мы рассмотрели настройку проекта, установку Express.js, создание базового сервера, определение маршрутов и использование промежуточного программного обеспечения. Это лишь верхушка айсберга, поскольку Express.js предлагает множество дополнительных возможностей и возможностей для изучения. Продолжайте экспериментировать и удачи в программировании!