Введение:

Привет! Если вы новичок в Node.js, вы, вероятно, слышали о Express.js — легкой, быстрой и гибкой среде для создания веб-серверов и API. В этом руководстве я познакомлю вас с основами работы с Express и покажу, как легко начать работу.

Готовый? Давайте погрузимся!

1. Установка экспресс

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

npm install express

Бум! Вы только что установили Express в свой проект. Это так просто.

2. Создание вашего первого экспресс-сервера

А теперь давайте что-нибудь построим! Вот как вы можете создать очень простой сервер Express, который прослушивает запросы и отвечает «Hello World», когда кто-то посещает ваш сайт.

const express = require('express');  // Import Express
const app = express();  // Initialize your Express app

app.get('/', (req, res) => {  // Set up a route for GET requests to the root URL
  res.send('Hello World');  // Send a response
});

app.listen(3000, () => {  // Tell the app to listen on port 3000
  console.log('Server is running on port 3000');
});

Если вы запустите это с помощью node app.js и откроете http://localhost:3000 в своем браузере, вы увидите «Hello World». Запустить сервер так просто!

3. Что такое промежуточное программное обеспечение?

Возможно, вы часто слышали термин «промежуточное программное обеспечение». Проще говоря, промежуточное программное обеспечение — это просто функция, которая выполняется между получением запроса и отправкой ответа.

Давайте рассмотрим простой пример:

app.use((req, res, next) => {
  console.log('Request received');
  next();  // Moves to the next middleware or route
});

В этом случае каждый раз, когда делается запрос, на консоли регистрируется сообщение «Запрос получен». Функция next() здесь имеет решающее значение, поскольку она позволяет перейти к следующей функции промежуточного программного обеспечения или обработчику маршрута. Без него запрос будет остановлен и ответ не будет отправлен.

Если вам интересно узнать больше о том, как работает промежуточное программное обеспечение, ознакомьтесь со статьей «Понимание промежуточного программного обеспечения в Express.js с Node.js». Он охватывает различные типы промежуточного программного обеспечения, например, промежуточное программное обеспечение на уровне маршрутизатора и обработку ошибок.

4. Маршрутизация: основа вашего приложения

Маршрутизация – это способ настройки различных URL-адресов в вашем приложении. Вы уже видели базовый маршрут для корневого пути (/), но вы также можете использовать другие методы HTTP, такие как POST, для отправки форм или обновления данных.

app.post('/submit', (req, res) => {
  res.send('Form submitted!');
});

Теперь, когда пользователь отправляет форму в /submit, этот маршрут будет ее обрабатывать. Вы можете создать столько маршрутов, сколько вам нужно — с Express это легко!

5. Обслуживание статических файлов

Что делать, если вы хотите показывать изображения, файлы CSS или другие статические ресурсы? Экспресс поможет вам! Просто поместите эти файлы в папку, например public, и сообщите Express, где их найти:

app.use(express.static('public'));

Теперь к любому файлу в общей папке (например, style.css или изображению) можно получить доступ непосредственно из браузера.

6. Обработка данных JSON

В современных приложениях часто приходится обрабатывать данные JSON — возможно, из формы или запроса API. Express делает это очень простым:

app.use(express.json());  // Add this middleware to parse JSON

app.post('/data', (req, res) => {
  console.log(req.body);  // Access the parsed JSON data
  res.send('Data received!');
});

Теперь, когда запрос POST с данными JSON отправляется в /data, Express автоматически анализирует JSON, и вы можете получить к нему доступ в req.body. Просто, правда?

Подведем итоги

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

• Установить Экспресс,
• Настройте базовый сервер,
• Использовать промежуточное программное обеспечение,
• Обработка разных маршрутов,
• Отображение статических файлов,
• И работать с данными JSON.

Express — это мощная платформа, которая делает создание веб-серверов и API простым и увлекательным. Когда вы освоитесь, вы сможете начать изучать более продвинутые функции, такие как маршрутизаторы, обработка ошибок или даже интеграция с базой данных.

Советы профессионалов для вашего экспресс-путешествия

• Используйте nodemon: Он автоматически перезапускает ваш сервер при внесении изменений. Просто запустите npm install -g nodemon и используйте nodemon app.js вместо node app.js.
• Структурируйте свое приложение: По мере роста вашего проекта вам захочется организовывать маршруты и контроллеры в отдельные файлы. Это сделает ваш код чистым и управляемым.

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

Удачного программирования!