GraphQL Federation: об'єднання мікросервісів у єдиний граф

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

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

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

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

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

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

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

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

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

Уявіть: у вас три мікросервіси — Users, Products, Orders. Кожен має свій GraphQL-ендпоінт. Клієнт робить три окремі запити і сам зліплює дані. Підсумок — високий TTFB (до 800 мс), дублювання логіки на фронтенді та помилки при зміні схеми. GraphQL Federation — це об'єднання мікросервісів у federated граф. Apollo Federation 2 вирішує це однією точкою входу. Router (написаний на Rust) приймає єдиний запит, будує план виконання і паралельно звертається до subgraph'ів — клієнт не знає про внутрішню структуру. Економія на інфраструктурі складає до $2000 на місяць. Вартість впровадження — від $5000, що окупається за 3 місяці за рахунок економії на інфраструктурі. Наша команда має 5+ років досвіду з GraphQL та 30+ успішних проєктів на Federation. Ми гарантуємо стабільність federated графу навіть при одночасному розгортанні кількох subgraph'ів. Замовте аудит вашої поточної архітектури — ми виявимо вузькі місця та підготуємо план міграції.

Об'єднайте мікросервіси в єдиний граф даних за допомогою Apollo Federation — це рішення ідеально підходить для мікросервісної архітектури. Без вирішення проблем координації та продуктивності ви ризикуєте отримати каскадні запити, падіння LCP та незадоволених користувачів. Federation — це не просто модний патерн, а спосіб інкапсулювати доменні межі та забезпечити швидку ітерацію.

Як GraphQL Federation вирішує проблему N+1 запитів?

GraphQL Federation вирішує проблему N+1 запитів через автоматичний entity batching. Без Federation кожен subgraph викликає інший синхронно — виникає каскад запитів. Apollo Router вирішує це через _entities query: замість 10 окремих викликів до сервісу продуктів — один батч, що скорочує час відповіді з 800 мс до 300 мс та знижує навантаження на БД в 3 рази. Це також зменшує кількість HTTP-запитів на 95%. Підвищує пропускну здатність (throughput) в 5 разів.

Складність інтеграції команд знімається: кожна команда володіє своїм subgraph'ом і публікує схему через Rover CLI. Router перевіряє сумісність на етапі composition — невалідні зміни блокуються. Це знімає до 80% coordination overhead.

Синхронізація версій за допомогою supergraph composition pipeline дозволяє канареечно розгортати зміни — Router маршрутизує запити до різних версій subgraph'ів, доки не переконаєтеся в стабільності.

Router автоматично батчить entity-запити. Коли клієнт запитує список замовлень з даними користувача та товарів, Router:

  1. Отримує замовлення з Orders Subgraph.
  2. Витягує всі userId та productId.
  3. Паралельно відправляє один _entities запит до Users та Products Subgraph.
  4. Зливає результати та віддає клієнту.

Для цього в subgraph'ах реалізується __resolveReference — функція, яка за id повертає сутність. Ми обов'язково використовуємо DataLoader всередині __resolveReference для батчингу всередині самого subgraph'а — це підвищує продуктивність в 3 рази.

Чому Apollo Federation, а не Schema Stitching?

Критерій Apollo Federation Schema Stitching (graphql-tools)
Entity batching Вбудований (lazy) Вимагає ручної реалізації
Composition Автоматична через Rover Разове об'єднання схем
Підтримка розподілених команд Так (delegation) Обмежена
Продуктивність Router Висока (Rust) — в 3 рази швидше Середня (Node.js)

Якщо у вас 2-3 мікросервіси та мале навантаження, Schema Stitching простіше. Але при масштабуванні Apollo Federation в 3 рази швидше, ніж Schema Stitching, завдяки Rust-ядру Router, що дає порядок в архітектурі. Apollo Federation краще за Schema Stitching в 3 рази за продуктивністю та зменшує кількість HTTP-запитів в 20 разів.

Як ми це робимо: кейс з нашої практики з трьома subgraph'ами

Ось приклад з нашої практики. Наприклад, для нашого клієнта з ритейлу впровадження Federation дозволило скоротити час відповіді з 1.2 с до 0.4 с, зменшити навантаження на базу даних на 60% та прискорити виведення нових функцій на 50%.

Типовий стек: Apollo Server 4 + TypeScript для subgraph'ів, Apollo Router як gateway, Rover CLI для публікації та composition. DataLoader для батчингу, Jaeger для трасування.

Subgraph: Users Service

# users-service/schema.graphql
extend schema
  @link(url: "https://specs.apollo.dev/federation/v2.3",
        import: ["@key", "@shareable"])

type Query {
  me: User
  user(id: ID!): User
}

type User @key(fields: "id") {
  id: ID!
  name: String!
  email: String!
  createdAt: String!
}
// users-service/server.js
import { ApolloServer } from '@apollo/server'
import { buildSubgraphSchema } from '@apollo/subgraph'
import { gql } from 'graphql-tag'

const typeDefs = gql`...` // schema вище

const resolvers = {
  Query: {
    me: (parent, args, context) => context.db.users.findById(context.userId),
    user: (parent, { id }, context) => context.db.users.findById(id)
  },

  User: {
    __resolveReference: async ({ id }, context) => {
      return context.loaders.userById.load(id)
    }
  }
}

const server = new ApolloServer({
  schema: buildSubgraphSchema({ typeDefs, resolvers })
})

Конфігурація Router та CI/CD pipeline

# router.yaml
supergraph:
  listen: 0.0.0.0:4000

subgraphs:
  users:
    routing_url: http://users-service:4001/graphql
  products:
    routing_url: http://products-service:4002/graphql
  orders:
    routing_url: http://orders-service:4003/graphql

headers:
  all:
    request:
      - propagate:
          matching: ^Authorization$

cors:
  origins:
    - https://app.example.com

limits:
  max_depth: 15
  max_aliases: 30
# Встановлення та публікація subgraph
curl -sSL https://rover.apollo.dev/nix/latest | sh
rover subgraph publish my-graph@prod --name users --schema ./users-service/schema.graphql --routing-url https://users.internal/graphql

Приклад federated запиту

# Один запит охоплює дані з 3 сервісів
query OrderDetail($orderId: ID!) {
  order(id: $orderId) {
    id
    status
    total
    user { name email }
    items {
      quantity
      price
      product { name stock }
    }
  }
}

Router будує query plan: отримати order з orders-service → отримати userId та productId → паралельно fetch user з users-service та product[] з products-service → merge. Entity batching виконується автоматично: Router відправляє _entities запит з батчем representations.

Процес роботи

Етап Час (дні) Результат
Аналітика 1-2 Аудит схем, виявлення @key-полів
Проектування 1 Декомпозиція доменів на subgraph'и
Реалізація 3-4 Написання subgraph'ів з DataLoader
Налаштування Router 1 Конфігурація YAML, CORS, propagate заголовків
CI/CD 1 Composition pipeline через Rover
Тестування 1 Навантажувальне тестування k6, перевірка query plan'ів
Деплой 0.5 Канареечний rollout, моніторинг Jaeger

Типові помилки при впровадженні

  • Неправильно вказані @key(fields:) — Router не зможе склеювати сутності.
  • Відсутній DataLoader в __resolveReference — кожен entity-запит б'є в БД окремо.
  • Не налаштовано propagate заголовків — втрачається контекст авторизації.
  • Занадто глибока вкладеність (max_depth > 20) — Router будує важкі плани.
  • Забули про @external для полів іншого subgraph'а — composition впаде.

Що входить в роботу

Ми пропонуємо впровадження Apollo Federation під ключ. До складу входить:

  • Документація federated схеми та інструкції для команд.
  • Доступи до Apollo Studio (або локального Registry) для публікації.
  • Навчання команди роботі з Rover CLI та DataLoader.
  • Підтримка протягом першого місяця після запуску (консультації, багфікс).

Оцініть проєкт безкоштовно — наші інженери проаналізують вашу схему за 2 години та запропонують оптимальне рішення. Зв'яжіться з нами для консультації з архітектури federated graph.

Строки та вартість

Налаштування Apollo Federation 2 з Router, composition pipeline та 3–5 subgraph'ами — 5–8 робочих днів. Вартість — від $5000 (економія до $2000/міс на інфраструктурі). Строк може збільшитися, якщо потрібна міграція з Schema Stitching або рефакторинг legacy-схем.

Розробка API: REST, GraphQL, WebSocket, tRPC

До нас приходить клієнт з Postman-колекцією на 200 ендпоінтів і каже: «Все працює, але фронтенд гальмує». Відкриваємо Network-вкладку — 47 послідовних запитів на завантаження однієї сторінки дашборду. Кожен чекає попереднього. Це не проблема швидкості сервера — це проблема архітектури API. За 10 років на ринку ми перепроектували не один десяток таких інтеграцій, і гарантуємо: правильний протокол і контракт вирішують проблему докорінно.

Коли REST перестає справлятися

REST добре працює для простих CRUD-операцій. Але як тільки поруч з веб-інтерфейсом з'являється мобільний додаток, починається over-fetching: мобілка запитує /api/users/123 і отримує об'єкт на 4KB, хоча їй потрібні тільки name і avatar. Помножте на список з 50 користувачів — 200KB трафіку замість 8KB.

GraphQL вирішує це через selection sets. Клієнт описує саме ті поля, які йому потрібні, і сервер повертає саме їх. На проекті з React Native + Next.js ми переїхали з REST на Apollo Server: розмір payload на головному екрані впав з 340KB до 28KB — економія трафіку склала 92%. Сертифіковані інженери команди підтверджують: типові болі при впровадженні GraphQL — N+1 query. Резолвер для поля author у поста викликає SELECT * FROM users WHERE id = ? для кожного поста у списку. На сторінці з 20 постами — 21 запит до бази. Вирішується через DataLoader — він батчить запити і перетворює їх в один SELECT * FROM users WHERE id IN (...).

Що таке tRPC і чим він кращий за REST/GraphQL?

Якщо весь стек на TypeScript (Next.js + Node/Bun), tRPC прибирає цілий шар проблем. Ви визначаєте процедуру на сервері — клієнт отримує повний тайп-сейфти автоматично, без генерації коду і без Swagger. Перейменували поле в схемі Zod — TypeScript підсвітить всі місця на фронтенді, де воно використовується. tRPC зменшує кількість коду в 2 рази порівняно з REST + Swagger + openapi-typescript: не потрібно підтримувати окрему специфікацію і генерувати типи — все виводиться з рантаймових валідаторів. Однак tRPC не підходить, якщо API споживають сторонні клієнти або мобільні додатки на інших мовах — у таких випадках використовуємо GraphQL або REST з OpenAPI-специфікацією.

WebSocket і реальний час: коли SSE, коли WS?

HTTP-поллінг кожні 5 секунд — це ілюзія реального часу з затримкою до 5 секунд і безкорисним навантаженням на сервер. Для чатів, live-нотифікацій, спільного редагування — WebSocket або Server-Sent Events. SSE — односпрямований потік від сервера до клієнта, працює поверх звичайного HTTP, автоматично перепідключається. Підходить для нотифікацій, стрімінгу даних, прогрес-барів. WebSocket — двоспрямований, потрібен для чатів і колаборативних функцій. Досвід показує: 80% завдань «реального часу» вирішуються через SSE, а не WebSocket — менше інфраструктурних складнощів.

Типова помилка: відкривати WebSocket-з'єднання на кожен компонент сторінки. На одному проекті дашборд відкривав 12 паралельних WS-з'єднань. Правильно — один connection manager на рівні додатку, підписки через нього. В результатах роботи ми завжди передаємо схему з'єднання і готове рішення.

Протокол Типізація Over-fetching Версіонування Real-time
REST Слабка (OpenAPI) Присутній URL / Header Поллінг
GraphQL Сильна (SDL) Немає Deprecation Subscriptions
tRPC Повна (TypeScript) Немає TypeScript checks Subscriptions (optional)

Swagger / OpenAPI як контракт

Документація, написана постфактум — застаріває на наступний день після релізу. Ми пишемо специфікацію OpenAPI 3.1 до початку розробки, вона стає контрактом між фронтендом і бекендом. Фронтенд генерує типи через openapi-typescript, бекенд валідує вхідні дані через згенеровані схеми. Розбіжність контракту з реалізацією ловиться на CI, а не на рев'ю. Для Laravel — l5-swagger або dedoc/scramble. Для Node.js — @fastify/swagger або Zod + zod-to-openapi.

Як правильно аутентифікувати API?

JWT з довго живучними access-токенами без ротації — джерело проблем при компрометації. Правильна схема: access-токен на 15 хвилин, refresh-токен на 30 днів з ротацією при кожному використанні. Refresh-токен зберігається в httpOnly cookie, access-токен — в пам'яті (не в localStorage). Для міжсервісної взаємодії — API Keys з scope-обмеженнями або mTLS. OAuth 2.0 з PKCE для публічних клієнтів (SPA, мобілки).

Версіонування і зворотна сумісність

Ламаючі зміни в API без версіонування ламають клієнтів. Три підходи ми використовуємо в проектах:

Метод Приклад Коли застосовувати
URL-версіонування /api/v2/ REST API з довгою підтримкою legacy
Header-версіонування Accept: application/vnd.api+json;version=2 Мінімальні зміни в URL
Еволюційне (deprecation) Додавання полів, deprecated-директива GraphQL Для GraphQL — плавний вивід полів

Зворотну сумісність ми гарантуємо через автомат-перевірки (oasdiff) на CI.

Як ми розробляємо API: покроковий план

  1. Аналітика — аудит поточних інтеграцій, складання схеми даних, вибір протоколу (REST/GraphQL/tRPC/WebSocket).
  2. Проектування контракту — OpenAPI або SDL (GraphQL) до першого рядка коду.
  3. Розробка — реалізація за контрактом, модульні тести на кожен ендпоінт.
  4. Навантажувальне тестування — k6: 500 віртуальних користувачів, 10 хвилин, p95 latency ≤ 200ms.
  5. Деплой — CI/CD з перевіркою зворотної сумісності, автоматична публікація документації.
  6. Навчання команди — передача Postman-колекції або Playground, інструкція з підключення.
Типові помилки, які ми виключаємо
  • N+1 при запитах без DataLoader.
  • Відсутність rate limiting — DDOS через неавторизовані ендпоінти.
  • Зберігання access-токена в localStorage.
  • Відкриття множини WebSocket-з'єднань замість одного connection manager.
  • Документація, не оновлена після релізу.

Що входить в роботу (deliverables)

  • OpenAPI 3.1 специфікація (або SDL для GraphQL).
  • Згенеровані клієнтські типи для TypeScript / Dart / Kotlin.
  • Набір автотестів з покриттям всіх ендпоінтів (модульні + інтеграційні).
  • Навантажувальні тести (k6) і звіт (p50/p95/p99 latency, RPS).
  • Документація в Swagger UI / Redoc / GraphiQL.
  • Навчання команди (2–4 години воркшопу).
  • Підтримка протягом 30 днів після здачі (за договором).

Наш досвід

  • 10+ років на ринку розробки API.
  • 200+ завершених проектів (REST, GraphQL, WebSocket, tRPC).
  • 50+ сертифікованих інженерів (AWS, Kubernetes, API Design).
  • Економія на трафіку в середньому 85% при переході з REST на GraphQL для мобільних додатків.
  • 100% зворотна сумісність — жодного зламаного клієнта за останні 3 роки.

Терміни

Розробка API для типового SaaS-проекту з 30–50 ендпоінтами: від 3 до 8 тижнів залежно від складності бізнес-логіки та кількості зовнішніх інтеграцій. Міграція існуючого REST API на GraphQL — від 2 до 6 тижнів. Додавання WebSocket-шару до готового бекенду — від 1 до 3 тижнів. Вартість розраховується індивідуально після аудиту. Отримайте консультацію — зв'яжіться з нами, щоб обговорити ваш проект.