fullstack.org.ua

Шарова архітектура · fullstack.org.ua

Початковий12 хв· Fullstack Team

Шарова архітектура

Розглядаємо поділ системи на шари, їхні залежності, переваги й обмеження для простих застосунків.

Що таке шарова архітектура

Шарова архітектура — це спосіб організації застосунку, у якому код поділяють на рівні відповідальності, або шари.

Кожен шар:

виконує певну роль;
приховує деталі своєї роботи;
взаємодіє з іншими шарами через зрозумілий інтерфейс;
зазвичай залежить від шару, розташованого нижче.

Для простого вебзастосунку часто використовують три шари:

Шар представлення — приймає запити та формує відповіді.
Шар бізнес-логіки — виконує правила застосунку.
Шар доступу до даних — читає та зберігає дані.

Схематично це виглядає так:

text

Клієнт
   ↓
Представлення
   ↓
Бізнес-логіка
   ↓
Доступ до даних
   ↓
База даних або інше сховище

javascript

const http = require('node:http');

// Шар доступу до даних
class TaskRepository {
  constructor() {
    this.tasks = [
      { id: 1, title: 'Вивчити шарову архітектуру', completed: false }
    ];
  }

  findAll() {
    return this.tasks;
  }

  create(title) {
    const task = {
      id: this.tasks.length + 1,
      title,
      completed: false
    };

    this.tasks.push(task);
    return task;
  }
}

// Шар бізнес-логіки
class TaskService {
  constructor(taskRepository) {
    this.taskRepository = taskRepository;
  }

  listTasks() {
    return this.taskRepository.findAll();
  }

  createTask(title) {
    const normalizedTitle = title.trim();

    if (normalizedTitle.length === 0) {
      throw new Error('Назва завдання не може бути порожньою');
    }

    return this.taskRepository.create(normalizedTitle);
  }
}

// Створення об'єктів нижчих шарів
const taskRepository = new TaskRepository();
const taskService = new TaskService(taskRepository);

// Шар представлення
const server = http.createServer((request, response) => {
  response.setHeader('Content-Type', 'application/json; charset=utf-8');

  if (request.method === 'GET' && request.url === '/tasks') {
    const tasks = taskService.listTasks();

    response.writeHead(200);
    response.end(JSON.stringify(tasks));
    return;
  }

  if (request.method === 'POST' && request.url === '/tasks') {
    let body = '';

    request.on('data', (chunk) => {
      body += chunk;
    });

    request.on('end', () => {
      try {
        const data = JSON.parse(body);
        const task = taskService.createTask(data.title || '');

        response.writeHead(201);
        response.end(JSON.stringify(task));
      } catch (error) {
        response.writeHead(400);
        response.end(JSON.stringify({ error: error.message }));
      }
    });

    return;
  }

  response.writeHead(404);
  response.end(JSON.stringify({ error: 'Маршрут не знайдено' }));
});

server.listen(3000, () => {
  console.log('Сервер запущено на http://localhost:3000');
});