Створення першого бекенд-додатку з Express.js. Готові розпочати?

Встановлення Express.js

Створіть новий каталог для додатку та відкрийте цю папку у редакторі коду. Тепер можна починати. У терміналі виконайте цю команду:

npm install express

Це схоже на замовлення Express.js у віртуальному магазині додатків, а npm виступає нашим сервісом доставки.

У результаті отримуємо таку файлово-папкову структуру додатку:

Базова структура проєкту:

• node_modules – Містить встановлені пакети;
• package.json та package-lock.json – Містять перелік залежностей проєкту та скриптів;
• app.js або index.js – Точка входу для застосунку Express. Створюється вручну.

Створення першого додатку на Express

Створення простого веб-сервера з використанням Node.js та фреймворку Express.js. Виконайте наступні кроки:

Крок 1: Імпорт Express

Як бібліотеку спочатку необхідно імпортувати її у файл:

const express = require('express');

Крок 2: Створення екземпляра додатку Express

Створюємо екземпляр додатку Express. Змінна app буде використовуватися для налаштування та визначення поведінки веб-сервера.

const app = express();

Крок 3: Встановлення порту

Визначаємо номер порту, на якому наш сервер буде очікувати підключення. У цьому випадку встановлено значення 3000, але можна обрати будь-який доступний номер порту.

const port = 3000;

Крок 4: Визначення маршруту

Налаштовуємо маршрут для обробки HTTP GET-запитів до кореневої URL-адреси (/). Коли клієнт (зазвичай веб-браузер) звертається до кореневої адреси сервера, у відповідь надсилається Hello, World!.

app.get('/', (req, res) => {
  res.send('Hello, World!');
});

• app.get('/') – Визначає маршрут для обробки GET-запитів до кореневого шляху (/). Можна визначати маршрути для різних HTTP-методів (GET, POST, PUT, DELETE тощо);
• (req, res) => { ... } – Це функція зворотного виклику, яка виконується, коли клієнт надсилає GET-запит до вказаного маршруту. Приймає два аргументи: req (об'єкт запиту) та res (об'єкт відповіді). У цьому випадку просто надсилає текст Hello, World! як відповідь.

Крок 5: Запуск сервера

Запускаємо сервер і змушуємо його слухати на вказаному порту (у нашому випадку, порт 3000). Коли сервер успішно запущено, у консолі з'являється повідомлення із зазначенням порту, на якому він працює.

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

app.listen(port, ...) – Цей метод запускає сервер і слухає на вказаному порту. Другий аргумент — це функція зворотного виклику, яка виконується після запуску сервера.

Крок 6: Запуск додатку

Запуск додатку в терміналі за допомогою команди node.

node index

Після запуску скрипта

Сервер буде запущено, і до нього можна отримати доступ, відкривши веб-браузер і перейшовши за адресою http://localhost:3000. У браузері має відобразитися Hello, World!.