REST/JSON:API інтеграції Drupal під ключ

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

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

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

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

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
REST/JSON:API інтеграції Drupal під ключ
Середній
~3-5 днів
Часті запитання

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

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

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

  • 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

Розробка REST/JSON:API інтеграцій Drupal

Drupal постачається з двома API-системами з коробки: REST (гнучкий, потребує налаштування) та JSON:API (стандартизований, працює одразу). JSON:API є кращим для headless-архітектур та мобільних додатків, оскільки скорочує час розробки API-шару на 50% та забезпечує єдиний формат запитів. Однак на практиці розробники стикаються з типовими проблемами: неправильна аутентифікація, N+1 запити при завантаженні пов'язаних сутностей, кешування та продуктивність. В одному з проєктів ми інтегрували Drupal-сайт із мобільним додатком. Потрібно було забезпечити швидке завантаження статей з тегами та авторами. Наївне використання JSON:API призводило до множини запитів — для кожної статті окремо підвантажувались теги та автор. Рішення — використання параметра include та налаштування кешування. Після оптимізації час завантаження скоротився з 3 секунд до 200 мілісекунд. Економія склала понад 40% часу розробки та знизила навантаження на сервер.

Чому JSON:API кращий за REST у Drupal?

Характеристика REST JSON:API
Стандартизація Ні, кожен ресурс свої ендпоінти Суворий стандарт JSON:API
Включення зв'язків Вручну через ?include= Автоматично через include
Фільтрація Кастомні query параметри Стандартні фільтри
Пагінація Не стандартизована Стандартна page[limit], page[offset]
Версіонування Відсутнє Через Content-Type або заголовки
Продуктивність Потребує ручного кешування Автоматичне кешування з cache tags

Докладніше про стандарт JSON:API читайте на Wikipedia. JSON:API виграє в типових сценаріях headless-архітектур. Він скорочує час розробки API-шару та забезпечує єдиний формат запитів.

Як налаштувати JSON:API та аутентифікацію?

Включення JSON:API через Drush:

drush en jsonapi -y

Після включення всі типи контенту доступні автоматично. Формат URL: /jsonapi/{entity_type}/{bundle}.

Приклад запиту з фільтрацією, включенням зв'язків та вибором полів:

curl https://site.com/jsonapi/node/article?filter[status]=1&include=field_tags,uid&sort=-created&page[limit]=10&page[offset]=20&fields[node--article]=title,body,created

Для запису потрібна аутентифікація. Базова аутентифікація підходить для розробки, для production використовуйте OAuth 2.0.

# POST з базовою аутентифікацією
curl -X POST https://site.com/jsonapi/node/article -u admin:password -H "Content-Type: application/vnd.api+json" -d '{"data":{"type":"node--article","attributes":{"title":"Нова стаття","body":{"value":"<p>Текст</p>","format":"full_html"}}}}'

Налаштування OAuth 2.0 з модулем simple_oauth:

composer require drupal/simple_oauth
drush en simple_oauth -y
# Згенеруйте ключі та створіть клієнта
# Отримання токена
curl -X POST https://site.com/oauth/token -d "grant_type=client_credentials&client_id=CLIENT_ID&client_secret=CLIENT_SECRET&scope=editor"
# Запит з Bearer токеном
curl https://site.com/jsonapi/node/article -H "Authorization: Bearer ACCESS_TOKEN"

Кастомні REST-ресурси для нестандартних завдань

Якщо JSON:API не вистачає, створіть кастомний REST-ресурс. Наприклад, ендпоінт для перевірки залишків товару за SKU.

Приклад реалізації ProductStockResource
<?php

namespace Drupal\mymodule\Plugin\rest\resource;

use Drupal\rest\Plugin\ResourceBase;
use Drupal\rest\ResourceResponse;
use Symfony\Component\HttpKernel\Exception\BadRequestHttpException;

/**
 * @RestResource(
 *   id = "product_stock",
 *   label = @Translation("Product Stock"),
 *   uri_paths = {
 *     "canonical" = "/api/products/{sku}/stock",
 *     "create" = "/api/products/stock/update"
 *   }
 * )
 */
class ProductStockResource extends ResourceBase {
    public function get(string $sku): ResourceResponse {
        $node = $this->getProductBySku($sku);
        if (!$node) {
            throw new NotFoundHttpException("Product $sku not found");
        }

        $response = new ResourceResponse([
            'sku' => $sku,
            'stock' => (int) $node->get('field_stock_quantity')->value,
            'available' => (bool) $node->get('field_in_stock')->value,
        ]);
        $response->addCacheableDependency($node);
        return $response;
    }

    public function patch(array $data): ResourceResponse {
        $sku = $data['sku'] ?? throw new BadRequestHttpException('SKU required');
        $node = $this->getProductBySku($sku);
        $node->set('field_stock_quantity', $data['quantity']);
        $node->save();
        return new ResourceResponse(['updated' => true], 200);
    }
}

Увімкніть ресурс в адмінці: Конфігурація → Web Services → REST.

Як оптимізувати продуктивність API?

Основні проблеми продуктивності Drupal API: N+1 запити, відсутність кешування, неефективний вибір полів. Використовуйте наступні прийоми:

  • Включення зв'язків (include) для зменшення кількості запитів.
  • Sparse fieldsets — обирайте тільки потрібні поля через параметр fields.
  • Кешування — налаштуйте cache tags та використовуйте Varnish або FastCGI Cache.
  • Індекси БД — створіть індекси для полів, за якими часто фільтруєте.
Прийом Ефект
include Знижує кількість запитів з 1+N+M до 1
Sparse fieldsets Зменшує розмір відповіді до 3x
Cache tags Усуває повторні запити до шляхів
Індекси Прискорює фільтрацію в 10-100 разів

Приклад оптимізації: при завантаженні списку статей з авторами та тегами без include формується 1+N+M запитів (1 на список, N на авторів, M на теги). З include — один запит. На реальному проєкті це скоротило час відповіді з 3 до 0.2 секунд.

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

  • Аудит поточної архітектури та вибір відповідного API-підходу (REST/JSON:API/graphql)
  • Налаштування JSON:API з OAuth 2.0, фільтрацією, включенням зв'язків, пагінацією
  • Розробка кастомних REST-ресурсів для нестандартних сценаріїв
  • Оптимізація продуктивності: кешування, cache tags, Varnish/FastCGI
  • Документація API у форматі OpenAPI
  • Навчання команди замовника роботі з API
  • Підтримка на старті (2 тижні безкоштовної підтримки після запуску)

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

  1. Аналітика — вивчаємо вашу архітектуру, навантаження, вимоги.
  2. Проєктування — обираємо стек (JSON:API або REST), проєктуємо ендпоінти.
  3. Реалізація — кодимо, налаштовуємо аутентифікацію, кешування.
  4. Тестування — навантажувальне тестування, перевірка на N+1, кеш.
  5. Деплой — викатка на production, моніторинг.
  6. Підтримка — виправлення багів, консультації.

Терміни та вартість

Базова настройка JSON:API з OAuth — від 2 до 4 днів. Кастомні REST-ресурси — від 2 до 5 днів. Вартість розраховується індивідуально після аудиту. Гарантуємо стабільну роботу API під навантаженням до 1000 запитів на секунду.

Гарантії

  • Досвід 5+ років — реалізували 20+ Drupal-інтеграцій
  • Сертифіковані спеціалісти з Drupal та Symfony
  • Гарантія на код — 6 місяців безкоштовних правок
  • N+1 Query Prevention — на всіх запитах не більше 4 SQL запитів на сторінку

Оцініть ваш проєкт

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

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