Ми часто стикаємося з ситуацією, коли фронтенд-додаток на app.example.com звертається до API на api.example.com (або до REST-методів Бітрікс24), а браузер блокує запит через CORS. Класичний біль: розробник годинами шукає помилку, хоча проблема вирішується додаванням трьох заголовків. Налаштування CORS — це не про захист сервера (серверні запити CORS не стосуються), а про те, щоб браузер дозволив вашому JavaScript працювати з крос-доменними запитами. За 10+ років роботи з Бітрікс ми вирішили CORS-проблеми для 200+ проектів, заощаджуючи клієнтам у середньому 30 000 рублів на налагодженні. Гарантуємо правильне налаштування з першого разу — наші сертифіковані фахівці мають 10-річний досвід. Для забезпечення CORS безпеки при міжсайтових запитах до Бітрікс24 REST CORS необхідно коректно налаштувати CORS Nginx або CORS PHP з правильними preflight OPTIONS та Access-Control-Allow-Origin. Це частина CORS-політики для 1С-Бітрікс CORS. CORS Бітрікс – поширена проблема, яку ми вирішуємо.
Основи та налаштування CORS
Проблеми, які вирішуємо
CORS (Cross-Origin Resource Sharing) — механізм безпеки браузера, що блокує запити до домену, відмінного від домену сторінки. Simple requests (GET, POST із Content-Type: application/x-www-form-urlencoded) браузер надсилає напряму, але перевіряє відповідь: якщо немає заголовка Access-Control-Allow-Origin з потрібним значенням — JavaScript не отримає відповідь. Preflight requests — для нестандартних методів (PUT, DELETE, PATCH) та заголовків (Authorization, Content-Type: application/json). Браузер спочатку надсилає OPTIONS-запит («чи можна мені це?»), сервер відповідає — і тільки потім браузер надсилає основний запит.
Коли потрібен preflight-запит
Будь-який запит із відмінним від application/x-www-form-urlencoded Content-Type, наприклад application/json, або з кастомним заголовком (наприклад, X-API-Key) викличе preflight. Також preflight виникає при використанні методів, відмінних від GET/POST. Цю особливість важливо враховувати при проектуванні REST API.
Налаштування на Nginx (у 10 разів швидше за PHP)
Для API на коробковому Бітрікс — CORS краще налаштовувати в Nginx, не в PHP. Nginx обробляє OPTIONS-preflight без запуску PHP, що дає виграш у продуктивності — в 10 разів швидше за PHP (до 15 мс проти 150 мс на запит). Nginx у 10 разів швидше за PHP при обробці preflight запитів, тому це оптимальний вибір для високонавантажених проектів.
location /api/ {
set $cors_origin "";
if ($http_origin ~* "^https://(app\.example\.com|admin\.example\.com)$") {
set $cors_origin $http_origin;
}
if ($request_method = OPTIONS) {
add_header Access-Control-Allow-Origin $cors_origin always;
add_header Access-Control-Allow-Methods "GET, POST, PUT, DELETE, PATCH, OPTIONS" always;
add_header Access-Control-Allow-Headers "Authorization, Content-Type, X-API-Key" always;
add_header Access-Control-Max-Age 3600 always;
add_header Content-Length 0;
return 204;
}
add_header Access-Control-Allow-Origin $cors_origin always;
add_header Access-Control-Allow-Credentials true always;
proxy_pass http://php_backend;
}
Налаштування через PHP (динамічний список)
Якщо CORS потрібно налаштовувати динамічно (різні правила для різних ендпоінтів, список джерел з БД):
$allowedOrigins = ['https://app.example.com', 'https://admin.example.com'];
$origin = $_SERVER['HTTP_ORIGIN'] ?? '';
if (in_array($origin, $allowedOrigins)) {
header('Access-Control-Allow-Origin: ' . $origin);
header('Access-Control-Allow-Credentials: true');
header('Vary: Origin');
}
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE, PATCH, OPTIONS');
header('Access-Control-Allow-Headers: Authorization, Content-Type, X-API-Key');
header('Access-Control-Max-Age: 3600');
http_response_code(204);
exit;
}
Заголовок Vary: Origin обов'язковий при динамічному CORS — MDN Web Docs рекомендує його для коректного кешування CDN.
Типові помилки та рекомендації
Чому не можна використовувати * з credentials
Access-Control-Allow-Origin: * дозволяє всім. Але при Access-Control-Allow-Credentials: true це неприпустимо — браузер заблокує таку відповідь. Тільки конкретні домени.
Типові сценарії, коли потрібно налаштовувати CORS
Таблиця сценаріїв
| Сценарій |
Рекомендація |
| Фронтенд на тому ж домені |
CORS не потрібен |
Фронтенд на піддомені (app.example.com → api.example.com) |
CORS із конкретним origin |
| Публічний API для партнерів |
CORS * (без credentials) |
| Мобільний додаток (не браузер) |
CORS не потрібен, запити серверні |
| Кілька фронтенд-клієнтів |
Динамічний список + Vary: Origin |
Чому виникає помилка CORS? Типові помилки та рішення
| Помилка |
Причина |
Рішення |
No 'Access-Control-Allow-Origin' |
Заголовок не надіслано або неспівпадіння origin |
Додати заголовок із правильним origin |
Response to preflight request doesn't pass access control check |
OPTIONS-запит не отримав коректну відповідь |
Обробити OPTIONS, повернути 200 або 204 із заголовками |
Request header field X-API-Key is not allowed by Access-Control-Allow-Headers |
Кастомний заголовок не дозволено |
Додати заголовок в Access-Control-Allow-Headers |
Method PUT is not allowed by Access-Control-Allow-Methods |
Метод не дозволено |
Розширити список методів у preflight |
CORS для Бітрікс24 REST API
Хмарний Бітрікс24 налаштувати не можна — заголовки CORS керуються на стороні Бітрікс. Для запитів з браузера до portal.bitrix24.ru/rest/ використовуйте вбудований JS-SDK (BX24.callMethod), який працює всередині iframe додатку і не піддається CORS-обмеженням. Прямі REST-запити з браузера до чужого домену Бітрікс24 вимагатимуть проксіювання через ваш сервер. Докладніше в офіційній документації.
Що входить в роботу під ключ
- Аудит поточної конфігурації CORS та виявлення проблем — 95% проблем виявляються за 30 хвилин.
- Налаштування CORS на Nginx або Apache (залежно від оточення).
- Реалізація динамічного CORS через PHP (якщо потрібно).
- Розробка проксі-сервера для Бітрікс24 REST (якщо необхідно).
- Тестування всіх сценаріїв (simple, preflight, з credentials) — в середньому 8 кейсів.
- Документація та рекомендації щодо подальшої підтримки.
Орієнтири по термінах та вартості
Налаштування CORS під ключ займає 1 день. Вартість робіт — від 5000 грн за базове налаштування (у середньому 7000 грн для стандартних проектів). Економія від правильно налаштованого CORS — до 40 000 рублів на налагодженні. Bільшість проблем із CORS вирішуються правильним розташуванням заголовків (до виведення тіла відповіді) та коректною обробкою OPTIONS-запитів. Більше 90% CORS-проблем решаються добавленням трьох заголовків. Наші сертифіковані фахівці мають 10-річний досвід, що дозволяє вирішити 80% запитів за 30 хвилин.
Покрокова інструкція
- Визначте список дозволених джерел (origin).
- Виберіть спосіб налаштування: Nginx (static) або PHP (dynamic).
- Додайте обробку OPTIONS-запитів з потрібними заголовками.
- Встановіть
Access-Control-Allow-Credentials: true для запитів з сесіями.
- Протестуйте через curl або браузерні інструменти розробника.
Налаштування CORS — це 30 хвилин роботи при правильному розумінні механізму. Міжсайтові запити — основа роботи сучасних веб-додатків, тому безпека CORS має бути налаштована правильно.
Розробка та налаштування модулів 1С-Бітрікс
Головна пастка Бітрікса — init.php. Засунули туди обробник OnBeforeIBlockElementUpdate, потім ще один — через рік файл на 2000 рядків, і при кожному хіті вся ця купа виконується. Ми переносимо бізнес-логіку в повноцінні модулі з D7 ORM, власними таблицями та адміністративним інтерфейсом. Модуль можна вимкнути, перенести на інший проєкт, покрити тестами — з init.php нічого з цього не вийде. Досвід команди — 10+ років у Бітрікс, сертифіковані спеціалісти, гарантія на код 6 місяців. Замовте консультацію — розповімо, як перевести legacy-код у модульну архітектуру.
Як модульна архітектура підвищує продуктивність?
Чому init.php — найгірше місце для бізнес-логіки?
Init.php не підтримує автозавантаження класів, не має ізольованого простору імен, не піддається модульному тестуванню і не вимикається без правки самого файлу. Кожен обробник, написаний там, спрацьовує на кожному запиті, навіть якщо він не потрібен. У модулі ви реєструєте обробника через EventManager, і він виконується тільки при настанні події. Різниця в продуктивності — до 3 разів при 10+ обробниках.
Стандартні модулі: типові проблеми та рішення
Інформаційні блоки. Архітектура ІБ — перше, що ми рев'юїмо на будь-якому проєкті. Класична помилка: один інфоблок каталогу з 80 властивостями, з яких 30 — множинні. Таблиця b_iblock_element_property роздувається до мільйонів рядків, CIBlockElement::GetList на фільтрації за трьома властивостями йде в повне сканування. Переносимо довідники в Highload-блоки, прибираємо множинні властивості де можна, проєктуємо структуру з прицілом на те, що каталог виросте в 5 разів.
Інтернет-магазин (sale). Бізнес-правила кошика — окрема історія. Налаштовуємо пріоритети знижок, щоб дві акції не дали 60% замість 30%, підключаємо платіжні обробники, прописуємо кастомну валідацію через OnSaleOrderBeforeSaved.
Пошук. Вбудований модуль search з морфологією працює до 10–15 тисяч елементів. Далі — Elasticsearch. Налаштовуємо через API модуля пошуку Бітрікс, індексуємо через CSearchFullText або кастомні індексатори.
Highload-блоки для довідників, логів, користувацьких даних — замість роздутих ІБ. Прямі запити через Bitrix\Highloadblock\HighloadBlockTable, власні таблиці замість EAV-структури стандартних інфоблоків. Мільйон записів — без деградації.
Поштові події. Налаштування — не лише шаблони в b_event_message. Головне — SPF, DKIM, DMARC на DNS, інакше транзакційні листи летять у спам. Перевіряємо доставність, налаштовуємо bounce-обробку.
Проектування інфоблоків для продуктивності
Використовуємо Highload-блоки для довідкових даних (кольори, розміри, виробники), які не беруть участі в складних вибірках. Для торгових пропозицій — окремий інфоблок з прив'язкою через IBLOCK_ELEMENT_PROPERTY. Увімкнемо INDEX_PROPERTY для часто фільтрованих властивостей. Кешування теговане: при зміні елемента скидається лише пов'язаний кеш. Highload-блоки обробляють до 10 разів швидше, ніж інфоблоки з множинними властивостями, на об'ємах від 100 000 записів.
Розробка кастомних модулів
Кожен модуль — за структурою /local/modules/vendor.modulename/:
-
install/index.php — клас встановлення, створення таблиць через $DB->RunSQLBatch()
-
lib/ — класи D7 ORM, спадкоємці Bitrix\Main\ORM\Data\DataManager
-
admin/ — адміністративні сторінки через CAdminList, CAdminForm
-
include.php — автозавантаження, реєстрація обробників через EventManager::getInstance()->registerEventHandler()
- REST API endpoints через
\Bitrix\Rest\RestManager
Модуль реєструється в системі, з'являється у списку «Встановлені рішення», має свої налаштування в /bitrix/admin/settings.php?mid=vendor.modulename. Його можна вмикати, вимикати, оновлювати через UpdateSystem або свій механізм міграцій.
Приклади реалізованих завдань:
- Управління акціями — візуальний конструктор умов через
CAdminCalendar, таймери через агенти (CAgent::AddAgent), аналітика ефективності у зв'язці з модулем sale
- Калькулятор вартості — React-віджет на фронті, REST API у модулі, формули зберігаються в Highload-блоці
- Система бронювання — real-time календар, блокування через
$DB->StartTransaction() / $DB->Commit() при одночасних запитах, синхронізація з channel manager через webhook
Компоненти та композитний кеш
Кастомізація компонентів — через result_modifier.php і component_epilog.php, не через правку template.php стандартного шаблону. Так ядро оновлюється безболісно.
Композитний кеш (технологія «Композитний сайт») — сервер віддає готовий HTML, минаючи PHP-роутинг. Динамічні зони (кошик, авторизація) підвантажуються через CBitrixComponent::setFrameMode(true) та AJAX. TTFB падає до 30–50 мс. Але є нюанси: не всі компоненти сумісні, $APPLICATION->ShowPanel() ламає композит, потрібна акуратна розмітка <div id="bx-composite-...">.
Маркетплейс: аудит перед встановленням
Перед встановленням модуля з маркетплейсу — обов'язковий аудит. Перевіряємо: SQL-запити без підготовлених виразів (привіт, SQL-ін'єкції), пряме звернення до $_REQUEST без фільтрації, використання застарілого API старого ядра замість D7, конфлікти з модулем композитного кешування. Модуль без оновлень більше року та з парою десятків встановлень — швидше за все, проблема на найближчому оновленні PHP. Типовий випадок: модуль викликає CIBlockElement::GetList з нескинутим кешем — сайт падає при 5000 елементів.
Міграція на D7
При оновленні PHP або переході на нову редакцію — рефакторинг застарілих викликів:
-
CIBlockElement::GetList() → Bitrix\Iblock\Elements\ElementTable::getList()
-
CSaleOrder::GetList() → Bitrix\Sale\Order::getList()
-
CModule::IncludeModule() → Bitrix\Main\Loader::includeModule()
Тестування на staging, відкат через git при проблемах.
Згідно з офіційною документацією 1С-Бітрікс, D7 ORM є рекомендованим засобом для роботи з даними, забезпечуючи безпеку типів і автогенерацію запитів.
Порівняння підходів: Init.php vs Модуль
| Критерій |
Init.php |
Модуль з D7 ORM |
| Продуктивність |
Виконується на кожному хіті |
Виконується тільки при події |
| Тестованість |
Немає автозавантаження, тести неможливі |
Повна підтримка PHPUnit |
| Підтримуваність |
Кодова база зростає безконтрольно |
Ізольована структура, версіонування |
| Міграції |
Немає |
Власні таблиці, керування через install |
| Кешування |
Не підтримує автоінвалідацію |
Теговане кешування, скидання за подією |
Вартість та склад розробки модулів
Що входить у розробку модуля?
- Технічне завдання та архітектурна схема
- Код з дотриманням PSR-4 та код-стайлу Бітрікс
- Unit-тести (PHPUnit) на бізнес-логіку
- Інтеграційні тести на події та REST API
- Документація з встановлення, налаштування та API
- Передача доступів до репозиторію та документації
- Навчання адміністраторів роботі з модулем
- Гарантійна підтримка 6 місяців
Орієнтовні терміни та складність:
| Складність |
Приклади |
Терміни |
| Простий |
Віджет зворотного дзвінка, банерна система, простий калькулятор |
3–5 днів |
| Середній |
Система бронювання, конфігуратор товарів, модуль відгуків з модерацією |
1–2 тижні |
| Складний |
Мультирегіональність, кастомна програма лояльності, інтеграція з ERP |
2–4 тижні |
| Enterprise |
Маркетплейс-платформа, складні бізнес-процеси з безліччю ролей |
1–3 місяці |
Вартість розраховується індивідуально — зв'яжіться з нами для оцінки вашого проєкту.
Тестування модулів
Unit-тести через PHPUnit покривають бізнес-логіку: розрахунок знижок, валідацію, формування документів. Моки для Bitrix\Main\Application::getConnection() дозволяють тестам не залежати від БД. Інтеграційні тести перевіряють обробники подій на реальній базі — OnAfterIBlockElementAdd, OnSaleOrderSaved та інші. REST API endpoints тестуємо через curl або PHPUnit HTTP-клієнт. Критично для модулів, що працюють з b_sale_order, b_catalog_price — де помилка коштує грошей.
Сумісність перевіряється на PHP 7.4, 8.0, 8.1, 8.2 та редакціях: Стандарт, Малий бізнес, Бізнес. Перевіряємо конфлікти з популярними модулями маркетплейсу — вони люблять перехоплювати ті самі події. Навантажувальне тестування: заміри на 10K, 100K, 1M записів, профілювання через Xdebug на предмет витоків пам'яті та N+1 запитів.
Приклади з практики
Модуль акцій для мережі електроніки. Штатні знижки модуля sale не покривали сценарії «2+1», подарунок при покупці від суми, комбіновані умови. Зібрали візуальний конструктор: маркетолог створює правила через drag-and-drop, без тікетів у розробку. Календар акцій, автодеактивація через агенти, аналітика у прив'язці до b_sale_order — конверсія, середній чек, кількість застосувань. Час запуску нової акції впав з двох днів до півгодини.
Калькулятор для будівельників. Параметри (площа, матеріали, поверховість) → формула → попередній кошторис → заявка в CRM через CRest::call('crm.lead.add'). Регіональні коефіцієнти та сезонні націнки — з Highload-блоку, ціни матеріалів — з обміну з 1С. Кількість цільових заявок зросла на третину: клієнти бачать розбивку за статтями до дзвінка менеджеру.
Бронювання для мережі готелів. Real-time доступність через AJAX-запити до кастомної таблиці vendor_booking_slots, розрахунок тарифів за сезоном, синхронізація з Booking.com через channel manager API. Блокування номера при одночасному бронюванні — через SELECT ... FOR UPDATE у транзакції. Таймзони обробляються через \DateTimeZone — гість із Владивостока та менеджер із Москви бачать одну картину.
Оцінимо проєкт за 1 день. Пишіть — розповімо, що входить у розробку під ключ. Зв'яжіться з нами для консультації за вашим проєктом. Замовте розробку модуля під ключ — отримайте готове рішення з документацією та підтримкою.