Workflow погодження документів на сайті: розробка та впровадження

Наша компанія займається розробкою, підтримкою та обслуговуванням сайтів будь-якої складності. Від простих односторінкових сайтів до масштабних кластерних систем, побудованих на мікро сервісах. Досвід розробників підтверджено сертифікатами від вендорів.

Розробка та обслуговування будь-яких видів сайтів:

Інформаційні сайти або веб-програми
Сайти візитки, landing page, корпоративні сайти, онлайн каталоги, квіз, промо-сайти, блоги, ресурси новин, інформаційні портали, форуми, агрегатори
Сайти або веб-програми електронної комерції
Інтернет-магазини, B2B-портали, маркетплейси, онлайн-обмінники, кешбек-сайти, біржі, дропшиппінг-платформи, парсери товарів
Веб-програми для управління бізнес-процесами
CRM-системи, ERP-системи, корпоративні портали, системи управління виробництвом, парсери інформації
Сайти або веб-програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, конструктори сайтів, портали надання електронних послуг, відеохостинги, тематичні портали

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

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
Workflow погодження документів на сайті: розробка та впровадження
Складний
~2-4 тижні
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1362
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1253
  • image_websites_belfingroup_462_0.webp
    Розробка веб-сайту для компанії БЕЛФІНГРУП
    958
  • image_ecommerce_furnoro_435_0.webp
    Розробка інтернет магазину для компанії FURNORO
    1190
  • image_crm_enviok_479_0.webp
    Розробка веб-додатків для компанії Enviok
    931
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Розробка веб-сайту для компанії ФІКСПЕР
    949

Паперові погодження тривають тижнями. Документи губляться, підписи підробляють, співробітники витрачають час на постійні нагадування. Ми розробляємо цифрові workflow погодження, які припиняють цей хаос. Наш движок вбудовується в сайт або CRM, автоматично направляє документи за заданими маршрутами, контролює терміни та веде повний аудит. Жодних «загубилося в пошті» — все прозоро в одному вікні. За 5 років ми реалізували 50+ проєктів, скоротивши час погодження в середньому в 3 рази. Докладніше про концепцію workflow можна прочитати на Wikipedia.

Проблеми, які вирішує workflow погодження

Якщо керівник у відрядженні, процес зупиняється. Наш движок автоматично ескалює завдання заступнику або перенаправляє за правилами. Тайм-аути налаштовуються в годинах — якщо відповіді немає, система нагадує, а потім передає вище. Ручний контроль забирає години: співробітники відстежують статуси вручну. Ми даємо особистий кабінет з timeline, де видно кожен крок: хто, коли і що вирішив. Ініціатор бачить прогрес, погоджувачі — дедлайн. Помилки та дублі виключаються: workflow жорстко задає маршрут з перевіркою ролей. В одному проєкті ми скоротили кількість помилок на 90%. Інтеграція з ЕЦП (електронним підписом) реалізується через API підписантів, підтримуються сертифікати КЕП та НЕП. Перехід на електронний документообіг дає повну прозорість — це і є система підписання документів на сайті.

Як ми будуємо гнучкий workflow?

Використовуємо перевірений стек: TypeScript + Node.js (Nest.js) на бекенді, React з TypeScript на фронтенді. Для зберігання — PostgreSQL з JSONB для шаблонів кроків. Движок станів реалізований як окремий мікросервіс з чіткими транзакціями.

Модель даних — шаблони workflow, екземпляри для кожного документа та завдання погодження. Кожне завдання прив'язане до кроку, виконавця та тайм-ауту. JSONB у шаблоні дозволяє гнучко описувати кроки: тип (послідовний/паралельний), умови переходу, ескалацію.

-- Шаблони workflow
CREATE TABLE workflow_templates (
  id          UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  name        VARCHAR(200),
  description TEXT,
  steps       JSONB NOT NULL,  -- Масив кроків з конфігурацією
  created_by  UUID REFERENCES users(id)
);

-- Екземпляр workflow для конкретного документа
CREATE TABLE workflow_instances (
  id              UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  template_id     UUID REFERENCES workflow_templates(id),
  document_id     UUID REFERENCES documents(id),
  initiator_id    UUID REFERENCES users(id),
  current_step    INT DEFAULT 1,
  status          VARCHAR(50) DEFAULT 'in_progress', -- in_progress, approved, rejected, cancelled
  metadata        JSONB DEFAULT '{}',
  created_at      TIMESTAMPTZ DEFAULT NOW(),
  completed_at    TIMESTAMPTZ
);

-- Завдання погодження
CREATE TABLE workflow_tasks (
  id              UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  instance_id     UUID REFERENCES workflow_instances(id),
  step_number     INT NOT NULL,
  assignee_id     UUID REFERENCES users(id),
  assignee_role   VARCHAR(100),    -- Альтернатива assignee_id для динамічних ролей
  task_type       VARCHAR(50),     -- 'approve', 'sign', 'review'
  status          VARCHAR(50) DEFAULT 'pending', -- pending, approved, rejected, delegated
  comment         TEXT,
  due_at          TIMESTAMPTZ,
  completed_at    TIMESTAMPTZ,
  completed_by_id UUID REFERENCES users(id)  -- Якщо делегував
);

Движок обробляє рішення: approve — перевіряє паралельний крок (чи всі схвалили), потім переходить до наступного кроку або завершує workflow. reject — зупиняє процес або повертає на доопрацювання. request_changes — надсилає документ ініціатору з коментарем.

class WorkflowEngine {
  async processDecision(
    taskId: string,
    decision: 'approve' | 'reject' | 'request_changes',
    comment: string,
    userId: string
  ) {
    const task = await db.workflowTasks.findOne(taskId, { include: 'instance.template' });
    if (task.assigneeId !== userId) throw new Error('Not authorized');

    await db.workflowTasks.update(taskId, {
      status: decision,
      comment,
      completedAt: new Date(),
    });

    await auditLog.record({
      action: `task.${decision}`,
      userId,
      taskId,
      instanceId: task.instanceId,
    });

    switch (decision) {
      case 'approve':
        await this.onTaskApproved(task);
        break;
      case 'reject':
        await this.onTaskRejected(task);
        break;
      case 'request_changes':
        await this.returnToInitiator(task, comment);
        break;
    }
  }

  private async onTaskApproved(task: WorkflowTask) {
    const instance = task.instance;
    const template = JSON.parse(instance.template.steps);
    const currentStep = template[task.stepNumber - 1];

    // Паралельний крок: перевіряємо чи всі в цьому кроці схвалили
    if (currentStep.type === 'parallel') {
      const stepTasks = await db.workflowTasks.findAll({
        instanceId: instance.id,
        stepNumber: task.stepNumber,
      });

      const allApproved = stepTasks.every(t => t.status === 'approve');
      const anyRejected = stepTasks.some(t => t.status === 'reject');

      if (anyRejected) return this.onTaskRejected(task);
      if (!allApproved) return; // Чекаємо інших
    }

    // Переходимо до наступного кроку
    const nextStep = template[task.stepNumber]; // Наступний елемент
    if (!nextStep) {
      // Всі кроки пройдено — workflow завершено
      await this.completeWorkflow(instance.id);
    } else {
      await this.activateStep(instance.id, nextStep, task.stepNumber + 1);
    }
  }

  private async activateStep(instanceId: string, step: WorkflowStep, stepNumber: number) {
    await db.workflowInstances.update(instanceId, { currentStep: stepNumber });

    const assignees = await this.resolveAssignees(step);
    const dueAt = step.deadlineHours ? addHours(new Date(), step.deadlineHours) : null;

    for (const assignee of assignees) {
      const task = await db.workflowTasks.create({
        instanceId,
        stepNumber,
        assigneeId: assignee.id,
        taskType: step.taskType,
        dueAt,
      });

      await notifyAssignee(assignee, task);
    }
  }
}

Як працює делегування та ескалація?

Погоджувач може передати завдання колезі з коментарем. Система закриває вихідне завдання та створює нове для делегата. Всі делегування фіксуються в аудит-лозі.

async function delegateTask(taskId, delegateToId, reason, requesterId) {
  const task = await db.workflowTasks.findByPk(taskId);
  if (task.assigneeId !== requesterId) throw new Error('Not authorized');

  // Закриваємо поточне завдання
  await db.workflowTasks.update(taskId, {
    status: 'delegated',
    comment: `Делеговано: ${reason}`,
    completedAt: new Date(),
  });

  // Створюємо нове для делегата
  await db.workflowTasks.create({
    ...task.toJSON(),
    id: undefined,
    assigneeId: delegateToId,
    status: 'pending',
    completedAt: null,
    metadata: { delegatedFrom: task.assigneeId, reason },
  });

  await notifyDelegate(delegateToId, taskId);
}

Тайм-аути перевіряються кроном щогодини. Якщо завдання прострочене — надсилається сповіщення погоджувачу та ескалація керівнику. Можна налаштувати автоматичне схвалення при простроченні.

// Cron job: перевіряємо прострочені завдання щогодини
async function processOverdueTasks() {
  const overdueTasks = await db.workflowTasks.findAll({
    status: 'pending',
    dueAt: { lt: new Date() },
    escalationSentAt: null,
  });

  for (const task of overdueTasks) {
    const step = getStepConfig(task);

    if (step.escalationUserId) {
      // Сповіщаємо керівника
      await notifyEscalation(step.escalationUserId, task);
      await db.workflowTasks.update(task.id, { escalationSentAt: new Date() });
    }

    if (step.autoApproveOnTimeout) {
      await workflowEngine.processDecision(task.id, 'approve', 'Auto-approved on timeout', 'system');
    }
  }
}

Візуалізація прогресу

Ініціатор бачить timeline workflow: який крок виконано, хто погодив, хто ще не відповів, скільки часу чекаємо. React-компонент з вертикальним списком, іконками статусів (✓, ✗, ⏳) та tooltip'ами з коментарями.

Сповіщення

Подія Кому Терміновість
Завдання призначено Погоджувач Негайно
Дедлайн через 4 год Погоджувач Push + Email
Прострочено завдання Погоджувач + ескалація Email
Документ схвалено Ініціатор In-app + Email
Документ відхилено Ініціатор Негайно, всі канали

Чому варто впровадити workflow на сайті?

Workflow на нашому движку в 3 рази швидший за паперовий документообіг і на 50% ефективніший за прості email-сповіщення. Ви отримуєте прозорість, контроль та економію ресурсів. Типовий проєкт окупається за 3–6 місяців за рахунок скорочення часу співробітників. Середня економія на операційних витратах може досягати значної суми. Ми гарантуємо якість: 5 років досвіду, сертифіковані інженери, 12 місяців підтримки після впровадження.

Що входить в роботу?
  1. Аналітика: вивчаємо бізнес-процеси, ролі та типи документів.
  2. Проектування: створюємо схему workflow з кроками, умовами та ролями.
  3. Реалізація: розробляємо движок, інтеграцію зі сховищем документів та ЕЦП.
  4. Інтерфейс: особистий кабінет ініціатора та погоджувачів.
  5. Тестування: покриття юніт-тестами, навантажувальне тестування.
  6. Документація: опис API, інструкції користувача, адміністрування.
  7. Навчання: вебінар для ключових користувачів.
  8. Підтримка: 2 тижні безкоштовної пост-продакшн підтримки.

Терміни орієнтовно

Комплектація Термін
Базовий workflow (послідовне погодження, завдання, сповіщення) 7–10 днів
Розширений (паралельне, делегування, ескалація, тайм-аути) 12–17 днів
З візуальним конструктором шаблонів 19–27 днів

Точні терміни розраховуємо після аудиту ваших процесів. Зв'яжіться з нами — проведемо безкоштовний аудит і запропонуємо рішення за 1 день. Замовте впровадження та скоротите час погоджень у 3 рази. Отримайте консультацію вже сьогодні.

Послуги бекенд-розробки: production-grade надійність

На production-сервері о 3:14 ночі черга Laravel Jobs перестала оброблятися — 40 000 необроблених завдань у Redis. Причина: worker упав через memory leak у статичній змінній Eloquent observer, supervisor не перезапустив через misconfigured stopwaitsecs. Ми розбирали такий інцидент на проекті з 500 RPS: діагностика 4 години, фікс — 20 хвилин. Щоб ви не втрачали гроші, пропонуємо послуги бекенд-розробки з акцентом на production-grade надійність — 10+ років досвіду, 50+ проектів, 5 років на ринку. Оцінимо ваш проект за 2 дні.

Які проблеми вирішуємо

N+1 запити: головний вбивця швидкості

N+1 — найпоширеніша причина повільних сторінок у Laravel-додатках. Стандартна історія: сторінка працювала нормально на dev з 10 записами, на production з 10 000 — 8-секундне завантаження.

Laravel Debugbar у dev-оточенні показує кількість запитів. Більше 20 — сигнал для audit.

Model::preventLazyLoading(! app()->isProduction());

Telescope для профілювання: логує всі запити, jobs, mail, notifications з деталізацією. Після впровадження eager loading час завантаження сторінки падає з 8 с до 0.3 с — у 27 разів.

Memory leak у статичних змінних

У Laravel Octane або Swoole додаток тримається в пам’яті між запитами. Статичні змінні не скидаються — призводять до неконтрольованого росту пам’яті. Використовуємо defer-функції та контейнерні біндинги для коректного скидання стану.

Неправильний connection pool

Rails, Laravel, Django відкривають нове з'єднання PostgreSQL на кожен PHP/Python процес. 100 воркерів — 100 з'єднань. PostgreSQL деградує від 200+ активних з'єднань через overhead на управління.

PgBouncer у transaction pooling: 1000 воркерів → 20–50 реальних з'єднань. Це знижує latency на 40% та зменшує витрати на хостинг на 30% — при середній вартості хостингу $2,000/міс економить $600/міс. GIN-індекс для JSONB до 100 разів швидший за B-tree при пошуку.

Як Octane справляється з високим навантаженням?

Laravel Octane (RoadRunner або Swoole) прибирає overhead bootstrap на кожен HTTP-запит. Приріст: 3–8x на синтетичних бенчмарках, 2–4x на реальних додатках. Важливо: не зберігати стан у статичних змінних — застосовуємо це на проектах >1000 RPS.

Як PostgreSQL допомагає уникнути повільних запитів?

Використовуємо composite indexes для WHERE + ORDER BY, partial indexes для фільтрів з високою селективністю, GIN-індекси для JSONB та full-text search. to_tsvector + GIN замість LIKE '%query%' — запобігає seq scan навіть на мільйонах записів. Аналізуємо плани через EXPLAIN ANALYZE та pg_stat_statements.

Як обрати стек для вашого проекту?

Стек Коли використовувати
Laravel + Octane CRUD, бізнес-логіка, REST/GraphQL API, адмінки
Node.js (Fastify) Realtime WebSocket, streaming, serverless, висока I/O concurrency
Go Високонавантажені мікросервіси (>10k RPS), gRPC, DevOps-інструменти
Django + DRF ML-пайплайни, інтеграція з AI, складна обробка даних
Ruby on Rails Швидкий MVP з багатим екосистемою гемів

Node.js виправданий для realtime: Laravel публікує події в Redis Pub/Sub, Node.js підписується та транслює клієнтам. Go — для goroutines (10k з'єднань на сервер — норма), але розробка повільніша, ніж Laravel.

Чому Redis критичний для продуктивності?

Redis виконує кілька ролей:

Роль Деталі
Кеш Кешування результатів важких запитів, фрагментів HTML
Черги Backend для Laravel Queue / Celery
Session store Distributed sessions в multi-instance оточенні
Pub/Sub Realtime події між сервісами
Rate limiting Sliding window counters для API throttling
Leaderboards Sorted Sets для рейтингів

Redis Cluster для горизонтального масштабування, Sentinel для автоматичного failover. Замовте консультацію щодо оптимізації Redis для вашого проекту.

Що входить в роботу під ключ

  • Архітектурне проектування (документація API, схема БД, діаграма сервісів)
  • Реалізація за узгодженим ТЗ з code review
  • Налаштування CI/CD (GitHub Actions, Docker), моніторингу (Sentry, Grafana), алертингу
  • Навантажувальне тестування (k6, wrk) зі звітом
  • Передача вихідних кодів, доступів, інструкція з деплою
  • Навчання команди замовника (2–3 сесії)
  • Гарантійна підтримка 1 місяць після здачі

Орієнтири по термінах

Задача Термін
REST API для мобільного/SPA (середня складність) 6–12 тижнів
Backend зі складною бізнес-логікою + інтеграції 12–20 тижнів
Високонавантажений сервіс на Go 8–16 тижнів
Міграція legacy PHP на Laravel 16–32 тижні

Вартість розраховується індивідуально після аналізу вимог до навантаження, інтеграцій та бізнес-логіки. Зв'яжіться з нами для безкоштовного аудиту вашого поточного backend — отримайте план оптимізації за 2 дні. Замовте консультацію та дізнайтеся, як знизити витрати на інфраструктуру на 30% без втрати продуктивності.