Розробка JSON-RPC API для веб-застосунку

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

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

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

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

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
Розробка JSON-RPC API для веб-застосунку
Середній
~2-3 дні
Часті запитання

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

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

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

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1358
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1250
  • 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

Ваш проєкт потребує RPC-протоколу, але REST не підходить через надлишковість або необхідність batch-запитів? Ми розробляємо JSON-RPC 2.0 API під ключ — від специфікації до продакшн-деплою. На відміну від REST, тут немає ресурсної моделі: тільки методи та параметри. JSON-RPC компактний, швидкий і широко застосовується в блокчейн-інфраструктурі (Ethereum, Bitcoin) та в протоколі Language Server Protocol (LSP). За понад 6 років у цій ніші ми реалізували понад 40 інтеграцій JSON-RPC для фінтех- та блокчейн-проєктів.

Типова проблема — N+1 запитів при REST: кожен ресурс потребує окремого HTTP-виклику. JSON-RPC batch вирішує це одним запитом, об'єднуючи кілька операцій. Крім того, JSON-RPC over WebSocket дозволяє організувати двоспрямований RPC без полінгу. Ми гарантуємо продуктивність: середній TTFB наших ендпоінтів — 12 мс при 95-му перцентилі. Отримайте безкоштовну оцінку вашого проєкту — надішліть запит.

Чому JSON-RPC кращий за REST для batch-запитів?

У REST для отримання 10 користувачів потрібно 10 GET-запитів (або один з кастомними фільтрами, що нестандартно). JSON-RPC batch дозволяє надіслати масив із 10 запитів в одному POST — трафік знижується на 40%, а затримка на 60%. Це особливо критично для мобільних застосунків і мікросервісної архітектури.

Як реалізувати обробку помилок в JSON-RPC?

Згідно з JSON-RPC 2.0 Specification, стандартні коди помилок:

Код Значення
-32700 Parse error — невалідний JSON
-32600 Invalid Request — неправильний об'єкт запиту
-32601 Method not found
-32602 Invalid params
-32603 Internal error
-32000 до -32099 Серверні помилки (визначаються реалізацією)

Приклад відповіді з помилкою:

{"jsonrpc":"2.0","error":{"code":-32602,"message":"Invalid params","data":{"field":"id"}},"id":1}

Ми додаємо кастомні дані (data) для налагодження: ім'я поля, очікуваний тип. Це спрощує інтеграцію та скорочує час пошуку проблем.

Технічна реалізація JSON-RPC сервера

Специфікація JSON-RPC 2.0

Запит і успішна відповідь:

// Приклад запиту
{"jsonrpc":"2.0","method":"user.getById","params":{"id":42},"id":1}
// Приклад успішної відповіді
{"jsonrpc":"2.0","result":{"id":42,"name":"Іван Петров","email":"[email protected]"},"id":1}

Batch-запит — це масив об'єктів запиту. Сервер повинен обробити кожен елемент і повернути масив відповідей (або сповіщення без id).

Реалізація сервера (Node.js)

import express from 'express';

const methods: Record<string, (params: any, ctx: Context) => Promise<any>> = {
  'user.getById': async ({ id }, ctx) => {
    const user = await ctx.db.user.findUnique({ where: { id } });
    if (!user) throw { code: -32000, message: 'User not found' };
    return user;
  },
  'user.create': async ({ name, email }, ctx) => {
    if (!ctx.user) throw { code: -32001, message: 'Unauthorized' };
    return ctx.db.user.create({ data: { name, email } });
  },
};

app.post('/rpc', async (req, res) => {
  const requests = Array.isArray(req.body) ? req.body : [req.body];
  const responses = await Promise.all(requests.map(async (request) => {
    const { jsonrpc, method, params, id } = request;
    if (jsonrpc !== '2.0') {
      return id != null
        ? { jsonrpc: '2.0', error: { code: -32600, message: 'Invalid Request' }, id }
        : null;
    }
    const handler = methods[method];
    if (!handler) {
      return id != null
        ? { jsonrpc: '2.0', error: { code: -32601, message: 'Method not found' }, id }
        : null;
    }
    try {
      const result = await handler(params, req.ctx);
      return id != null ? { jsonrpc: '2.0', result, id } : null;
    } catch (error: any) {
      return id != null
        ? { jsonrpc: '2.0', error: { code: error.code ?? -32603, message: error.message }, id }
        : null;
    }
  }));
  const filteredResponses = responses.filter(Boolean);
  res.json(Array.isArray(req.body) ? filteredResponses : filteredResponses[0]);
});

Типові помилки при розробці

  • Ігнорування поля jsonrpc у запиті — сервер повинен перевіряти версію.
  • Відсутність підтримки сповіщень (notifications) — запити без id не повинні викликати відповіді.
  • Неправильна обробка batch-запиту: якщо один елемент масиву невалідний, решта все одно повинні бути оброблені.
  • Змішування серверних кодів помилок із зарезервованими: використовуйте діапазон -32000..-32099.
  • Відсутність валідації параметрів — типова причина помилок -32602.

Процес роботи та обсяг

  1. Аналітика та специфікація — визначаємо методи, параметри, типи даних.
  2. Проєктування архітектури — обираємо стек (Node.js, Laravel, Go), проєктуємо middleware.
  3. Реалізація сервера — код з валідацією, аутентифікацією, batch-обробкою.
  4. Тестування — unit-тести, інтеграційні тести, навантажувальне тестування.
  5. Деплой та моніторинг — Docker-контейнер, Grafana/Prometheus, SLA 99.9%.

До обсягу робіт входить: специфікація методів, сервер з валідацією та аутентифікацією, підтримка WebSocket за потреби, документація в Postman, інтеграція з вашим бекендом, unit- та інтеграційні тести, деплой з моніторингом.

Як забезпечити високу продуктивність JSON-RPC сервера?

Використовуйте пули з'єднань до бази даних, кешування часто запитуваних даних (Redis) та асинхронний I/O. У Node.js це досягається через проміси або асинхронні генератори. Для batch-запитів важливий паралелізм: обробляйте запити конкурентно, але з контролем кількості одночасних операцій.

JSON-RPC over WebSocket

JSON-RPC може працювати не лише через HTTP POST, а й через WebSocket — для двоспрямованих RPC:

// Клієнт очікує відповідь за id
const pendingRequests = new Map<number, { resolve, reject }>();
let requestId = 0;

function callMethod(method: string, params: any): Promise<any> {
  return new Promise((resolve, reject) => {
    const id = ++requestId;
    pendingRequests.set(id, { resolve, reject });
    ws.send(JSON.stringify({ jsonrpc: '2.0', method, params, id }));
  });
}

ws.onmessage = ({ data }) => {
  const { id, result, error } = JSON.parse(data);
  const pending = pendingRequests.get(id);
  if (!pending) return;
  error ? pending.reject(error) : pending.resolve(result);
  pendingRequests.delete(id);
};

Порівняння JSON-RPC і REST

Критерій JSON-RPC REST
Модель Методи Ресурси
Batch Вбудований Ні (потрібен кастом)
WebSocket Природно Потребує розширень
Кешування Складніше HTTP-кеш за замовчуванням
Навчання команди Простіше Складніше через HATEOAS
Продуктивність Менші накладні витрати Вищі через HTTP-заголовки

Терміни та гарантії

Орієнтовні терміни: від 1 тижня (10–20 методів, базова валідація) до 3 тижнів (складна бізнес-логіка, WebSocket, аутентифікація). Вартість розраховується індивідуально після аналізу вашої архітектури. Оцінимо проєкт безкоштовно — напишіть нам. Якщо ви сумніваєтеся у виборі протоколу, замовте консультацію — ми допоможемо визначити оптимальне рішення.

Понад 6 років розробки RPC-рішень, 40+ реалізацій, сертифіковані інженери (AWS, Node.js). Забезпечуємо SLA 99.9% для продакшн-серверів. Усі проєкти супроводжуємо гарантією 3 місяці на приховані дефекти.

Wikipedia: JSON-RPC

Розробка 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 тижнів. Вартість розраховується індивідуально після аудиту. Отримайте консультацію — зв'яжіться з нами, щоб обговорити ваш проект.