Створення першого бекенд-додатку з 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!.