ProcessWire як Headless CMS: налаштування REST та GraphQL API

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

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

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

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

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
ProcessWire як Headless CMS: налаштування REST та GraphQL 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

Як організувати видачу контенту через ProcessWire API

Проєкт на ProcessWire живе кілька років, накопичилися десятки шаблонів, а тут приходить задача: зробити SPA на React або мобільний застосунок. Стандартний PHP-рендеринг не підходить — клієнту потрібен чистий JSON. Можна нагородити костилів через прямий доступ до БД, але це ламає всю логіку прав доступу та кешування ProcessWire API. Правильне рішення — підняти ProcessWire API поверх існуючих шаблонів. Ми робимо це за 2–4 дні, використовуючи штатні засоби: шаблон-роутер або модуль GraphQL. Нічого не переписуємо — тільки додаємо новий endpoint.

На рахунку більше 30 таких проєктів. Найнавантаженіша конфігурація витримує до 100 000 запитів на добу на бюджетному VPS. API працює без збоїв вже два роки. Нижче розберемо, які є варіанти реалізації.

Які переваги ProcessWire API?

ProcessWire API налаштовується в 3 рази швидше за Strapi. ProcessWire headless CMS — ідеальне рішення для сучасних проєктів. ProcessWire JSON API дозволяє легко інтегруватися з будь-яким клієнтом. За нашими тестами, ProcessWire API працює в 2 рази швидше за WordPress REST API при однаковому навантаженні.

Вбудований PHP API

ProcessWire використовує $pages, $page, $user, $config як глобальні змінні в шаблонах:

// templates/blog.php

// Вибірка з фільтрами та пагінацією
$limit = 12;
$start = ($input->pageNum - 1) * $limit;

$posts = $pages->find("template=blog-post, status=published, sort=-date, limit=$limit, start=$start");
$totalPosts = $pages->count("template=blog-post, status=published");

// Вибірка з умовами по полях
$featuredPosts = $pages->find("
  template=blog-post,
  featured=1,
  date>=today,
  category.name%=Web Development,
  sort=-date,
  limit=3
");

// Один елемент
$post = $pages->get("template=blog-post, slug=my-post-slug");
if (!$post->id) wire404();

Selector String — мова запитів

ProcessWire selector string — це потужна мова запитів для вибірки сторінок:

// Текстовий пошук
$pages->find("template=product, title*=laptop, sort=title");

// Числові умови
$pages->find("template=product, price>=1000, price<=5000");

// Дата
$pages->find("template=event, event_date>=today, sort=event_date");

// OR-умови
$pages->find("template=post, (category=tech|category=science)");

// Пов'язані сторінки
$pages->find("template=product, categories.id={$category->id}");

// Повнотекстовий пошук
$pages->find("title|body~=search query, template=post");

// Сортування за кастомним полем
$pages->find("template=product, sort=-rating, sort=title");

REST API через ProCache або кастомний модуль

ProcessWire не має вбудованого REST API. Створюємо через шаблон-роутер. Для створення кастомного REST endpoint використовуйте шаблон-роутер. ProcessWire шаблони API — це звичайні PHP-шаблони з JSON-відповіддю.

// site/templates/api.php
// URL: /api/blog/?page=1&limit=10

header('Content-Type: application/json');
header('Access-Control-Allow-Origin: ' . $config->httpHost);

// Проста авторизація по ключу
$apiKey = $input->get->text('key');
if ($apiKey !== $config->apiKey) {
    http_response_code(401);
    echo json_encode(['error' => 'Unauthorized']);
    return;
}

$page_num = (int) $input->get->int('page') ?: 1;
$limit = min((int) $input->get->int('limit') ?: 10, 100);
$start = ($page_num - 1) * $limit;

$posts = $pages->find("
    template=blog-post,
    status=published,
    sort=-date,
    limit=$limit,
    start=$start
");

$result = [
    'data'  => array_map(fn($post) => [
        'id'      => $post->id,
        'title'   => $post->title,
        'slug'    => $post->name,
        'url'     => $post->url,
        'date'    => $post->date->format('Y-m-d'),
        'excerpt' => $post->excerpt,
        'image'   => $post->image ? [
            'url'    => $post->image->width(800)->url,
            'width'  => 800,
            'height' => (int) round(800 / $post->image->ratio),
        ] : null,
    ], $posts->getArray()),
    'total' => $posts->getTotal(),
    'page'  => $page_num,
    'limit' => $limit,
];

echo json_encode($result);

Модуль ProcessWire GraphQL

Установка через модулі ProcessWire. Скачати з GraphQL модуль і в config.php додати налаштування:

$config->graphql = [
    'templateFilters' => ['blog-post', 'product', 'category'],
    'fieldFilters'    => ['title', 'body', 'date', 'image', 'category'],
    'maxLimit'        => 100,
];

query {
  blogPost(s: "status=published, sort=-date, limit=10") {
    list {
      id
      title
      date
      body
      image { url(width: 800) }
      category { title url }
    }
    total
  }
}

Кешування відповідей

// Кеш через WireCache
$cacheKey = "api_posts_page{$page_num}";
$cached = $cache->get($cacheKey);

if ($cached) {
    echo $cached;
    return;
}

// ... формування $result ...
$json = json_encode($result);
$cache->save($cacheKey, $json, 3600); // 1 година
echo $json;

Створення базового REST API на ProcessWire (5–7 endpoint-ів) — 2–4 дні. Стоимость базового REST API — от 20 000 ₽, GraphQL з кешем — от 35 000 ₽.

Порівняння REST і GraphQL для ProcessWire

Критерій Кастомний REST ProcessWire GraphQL
Складність реалізації Середня (шаблон-роутер) Низька (модуль + конфіг)
Швидкість розробки 2–4 дні 1–2 дні
Контроль над відповіддю Повний Обмежений налаштуваннями
Типізація Немає Є (через GraphQL schema)
Кешування на рівні Endpoint Запит (через persisted queries)

REST краще, коли потрібна мінімальна відповідь і повний контроль. GraphQL — якщо клієнтам потрібна гнучкість вибірки полів.

Які переваги ProcessWire як Headless CMS?

На відміну від WordPress (де API — костиль) або Strapi (важкий), ProcessWire дає одне джерело даних для PHP-шаблонів та зовнішніх клієнтів. Ви пишете шаблони один раз, а JSON-вивід — просто другий шаблон із заголовками. Це знижує вартість підтримки на 30–40% за нашими оцінками. Налаштування ProcessWire API займає в 3 рази менше часу, ніж аналогічна інтеграція на Strapi.

документація підтверджує, що селектори працюють однаково в шаблонах та API.

Що входить у налаштування ProcessWire API

Етап Тривалість Опис
Проектування 0.5 дня Схема endpoint-ів, типи даних
Реалізація REST 1–2 дні Шаблон-роутер, авторизація, CORS
Або GraphQL 0.5–1 день Модуль, конфіг, тести
Кешування 0.5 дня WireCache + Redis
Документація 0.5 дня Postman або Swagger
Тестування та деплой 1 день Навантажувальні тести, моніторинг
Типові помилки: як їх уникнути?
  • Неправильні заголовки CORS (не всі методи дозволено)
  • Відсутність лімітів на запити (вразливість)
  • Серіалізація всього об'єкта $page (витік зайвих даних, повільний response)
  • Немає кешу — кожен запит навантажує БД

Ми все це враховуємо з першого дня.

Як ми це робимо: етапи

  1. Аналітика: вивчаємо структуру шаблонів та полів, визначаємо потрібні endpoint-и.
  2. Проектування: малюємо схему даних і вирішуємо, що віддаємо клієнту.
  3. Реалізація: пишемо шаблон-роутер або підключаємо GraphQL, налаштовуємо кеш.
  4. Тестування: перевіряємо всі endpoint-и, навантажувальне тестування (100 concurrent requests).
  5. Деплой: заливаємо на бойовий сервер, налаштовуємо моніторинг.

Гарантуємо результат: якщо через 4 дні API не працює — доводимо до ладу безкоштовно. Досвід — 30+ проєктів на ProcessWire.

REST API на ProcessWire розробляється в 2–3 рази швидше, ніж на WordPress з плагінами, завдяки єдиному синтаксису селекторів.

Наші переваги: 30+ проєктів ProcessWire API

Маємо 7+ років досвіду та 30+ реалізованих проєктів. За 7 років роботи з ProcessWire ми реалізували API для e-commerce-платформ, SaaS-сервісів та контентних порталів. Знаємо неочевидні обмеження: поведінку PermissionManager при headless-режимі, нюанси ProCache з Bearer-токенами, особливості fieldgroup при серіалізації вкладених об'єктів. Найнавантаженіша конфігурація з нашої практики обробляє 100 000 запитів на добу на сервері з 4 GB RAM без деградації. Готові взятися за проєкт будь-якої складності: від базового REST з п'ятьма endpoint-ами до GraphQL з персистентними запитами та real-time підпискою. ProcessWire SPA-застосунки отримують дані через API. Надішліть опис вашого завдання — запропонуємо оптимальний стек і оцінимо за 1 робочий день.

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

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