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

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

$ npm install express
$ npm install path

Создание экспресс-приложения.
Чтобы начать, создайте новый каталог для своего проекта и перейдите в него. Затем создайте новый файл с именем app.jsи откройте его в своем любимом редакторе кода. Начнем с импорта необходимых модулей и настройки нашего Express-приложения:

const express = require('express');
const path = require('path');
const app = express();
const port = 3000; // You can use any port number you prefer
// Set the view engine and views directory
app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views'));
// Start the server
app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

Определение маршрутов.
Теперь, когда наше приложение Express настроено, давайте определим некоторые маршруты. Маршрут — это путь на вашем веб-сайте или в приложении, соответствующий определенной функции или контенту. Вот пример того, как вы можете определять маршруты с помощью Express:

// Home route
app.get('/', (req, res) => {
  res.render('index');
});
// About route
app.get('/about', (req, res) => {
  res.render('about');
});
// Contact route
app.get('/contact', (req, res) => {
  res.render('contact');
});

В приведенном выше коде мы определяем три маршрута: домашний маршрут («/»), маршрут «О нас» («/about») и контактный маршрут («/contact»). Для каждого маршрута мы используем метод app.get()для обработки запросов GET и указания пути маршрута. Внутри функции обратного вызова мы используем метод res.render()для визуализации соответствующего представления.

Создание представлений.
Чтобы завершить работу с нашим маршрутизатором, нам нужно создать представления для каждого маршрута. Создайте новый каталог с именем viewsв корневом каталоге вашего проекта. Внутри каталога viewsсоздайте три файла: index.ejs, about.ejsи contact.ejs. Эти файлы будут отображены при доступе к соответствующим маршрутам:

<!-- index.ejs -->
<h1>Welcome to the Home Page!</h1>
<!-- about.ejs -->
<h1>About Us</h1>
<!-- contact.ejs -->
<h1>Contact Us</h1>

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

$ node app.js

Откройте веб-браузер и посетите http://localhost:3000. Вы должны увидеть вид домашней страницы. Аналогичным образом вы можете посетить http://localhost:3000/aboutи http://localhost:3000/contact, чтобы просмотреть соответствующие представления.

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