Розробка кастомних розділів Бітрікс24 під ключ

Наша компанія займається розробкою, підтримкою та обслуговуванням рішень на Бітрікс та Бітрікс24 будь-якої складності. Від простих односторінкових сайтів до складних інтернет-магазинів, CRM систем з інтеграцією 1С та телефонії. Досвід розробників підтверджено сертифікатами від вендора.
Послуги, які ми пропонуємо
Показано 1 з 1Усі 1626 послуг
Розробка кастомних розділів Бітрікс24 під ключ
Середній
~1-2 тижні
Часті запитання

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

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

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

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1362
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Розробка веб-сайту для компанії ФІКСПЕР
    949
  • image_bitrix-bitrix-24-1c_development_of_an_online_appointment_booking_widget_for_a_medical_center_594_0.webp
    Розробка на базі Бітрікс, Бітрікс24, 1С для компанії Development of an Online
    695
  • image_bitrix-bitrix-24-1c_mirsanbel_458_0.webp
    Розробка на базі 1С Підприємство для компанії МИРСАНБЕЛ
    834
  • image_crm_dolbimby_434_0.webp
    Розробка сайту на CRM Бітрікс24 для компанії DOLBIMBY
    733
  • image_crm_technotorgcomplex_453_0.webp
    Розробка на базі Бітрікс24 для компанії ТЕХНОТОРГКОМПЛЕКС
    1076

Стандартні можливості Бітрікс24 не завжди покривають специфічні бізнес-процеси. Наприклад, для відділу закупівель потрібен розділ з багатоетапним погодженням, інтеграцією з 1С УТ та кастомним інтерфейсом на Vue.js. У таких випадках розробляють SPA-додаток, вбудований у ліве меню порталу. За 10+ років ми реалізували десятки подібних проєктів. Зв'яжіться з нами — оцінимо ваш проєкт та запропонуємо рішення.

Як влаштований кастомний розділ у Бітрікс24?

Кастомний розділ — це додаток, вбудований у ліве меню порталу через механізм placement. Технічно це SPA, що завантажується в iframe всередині інтерфейсу Б24. Реєстрація відбувається через REST API метод placement.bind з типом LEFT_MENU. Детальніше про placement читайте в офіційній документації.

Точка входу — файл, що віддається вашим сервером (або серверлес-функцією). Бітрікс24 завантажує його в iframe, передаючи параметри авторизації: AUTH_ID, REFRESH_ID, member_id. Через ці параметри додаток отримує доступ до REST API порталу.

Повний список параметрів авторизації

Крім AUTH_ID та REFRESH_ID, в iframe передаються member_id, portal_id, app_id. Повний перелік див. у документації.

BX24.init(function() {
    BX24.callMethod('user.current', {}, function(result) {
        // Поточний користувач для перевірки прав
    });
});

Покрокова інструкція реєстрації кастомного розділу

  1. Створіть додаток у МаркетСвої додатки, тип: серверний.
  2. Вкажіть шлях до вашого SPA в полі «Шлях до файлу».
  3. Зареєструйте placement методом placement.bind з типом LEFT_MENU та передайте URL.
  4. Встановіть додаток на портал.

Коли варто зберігати дані в смарт-процесах?

Смарт-процеси (\Bitrix\Crm\Service\Factory) — конструктор CRM-сутностей. Створюєте тип через CRM → Налаштування → Автоматизація → Смарт-процеси, додаєте користувацькі поля, налаштовуєте воронку. Дані зберігаються в таблицях b_crm_dynamic_items_*.

Кастомний розділ у цьому випадку — альтернативний UI для роботи з даними смарт-процесу. Замість стандартної картки та канбану ви малюєте свій інтерфейс, а дані читаєте та пишете через REST:

  • crm.item.list — отримання списку елементів
  • crm.item.add / crm.item.update — створення та оновлення
  • crm.item.fields — метадані полів

Перевага: безкоштовно отримуєте воронки, роботів, бізнес-процеси, права доступу, історію змін. Обмеження: REST API віддає максимум 50 елементів за запит, для великих списків потрібна пагінація. При 10 000+ записах інтерфейс повинен реалізувати серверну фільтрацію.

Коли вигідніша зовнішня БД?

Якщо дані складніші за плоский список — зв'язки багато-до-багатьох, ієрархії, специфічні індекси — простіше зберігати в зовнішній PostgreSQL або MySQL. Кастомний розділ звертається до вашого бекенду по API, а з Бітрікс24 взаємодіє лише для авторизації та отримання контексту користувача.

Схема: iframe завантажує SPA → SPA перевіряє AUTH_ID через oauth.bitrix.info/rest/ → отримує user_id → запитує дані з вашого бекенду по user_id.

Перевага: немає лімітів REST API, повний контроль над структурою даних. Обмеження: втрачаєте вбудованих роботів та бізнес-процеси, права доступу потрібно реалізувати самостійно.

Критерій Смарт-процеси Зовнішня БД
Складність даних Плоскі списки, до 5 зв'язків Будь-які зв'язки, ієрархії
Продуктивність До 10 000 записів без оптимізації Без обмежень
Вбудовані роботи/БП Так Ні
Права доступу З CRM Потрібна власна реалізація
Час розробки Швидше (1-2 тижні) Довше (2-4 тижні)

Вбудовані механізми смарт-процесів дозволяють реалізувати розділ швидше в 2-3 рази порівняно із зовнішньою БД, якщо бізнес-логіка вкладається в модель CRM. Але для складних сценаріїв зовнішня БД дає гнучкість та масштабування.

Інтеграція з інтерфейсом Б24

Для відчуття нативності кастомний розділ повинен використовувати дизайн-систему Бітрікс24. Офіційний UI-кіт: @bitrix24/b24-ui. Він містить компоненти, візуально ідентичні стандартним елементам порталу — кнопки, таблиці, фільтри, слайдери.

Ключові інтеграційні точки:

  • Слайдер — відкриття картки елемента в бічній панелі через BX24.openApplication({bx24_width: 800})
  • Лічильники в меню — оновлення бейджа через BX24.appOption.set('bx24_leftMenuCounter', count)
  • Сповіщення — надсилання через im.notify.system.add для оповіщення користувачів про події в розділі

Права доступу

Якщо дані в смарт-процесах — права успадковуються з CRM (ролі в налаштуваннях прав CRM-сутності). Для зовнішньої БД реалізуйте перевірку через REST-метод user.current + мапінг ролей Б24 на ролі вашого додатка.

Для перевірки належності до відділу: department.get повертає структуру, user.get з фільтром по UF_DEPARTMENT — користувачів підрозділу.

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

Наші сертифіковані спеціалісти розробляють кастомні розділи під ключ і гарантують стабільну роботу після запуску. В рамках проєкту ви отримуєте:

  • Архітектурну документацію та узгодження плану розробки
  • Доступ до репозиторію та staging-сервера
  • Налаштування прав доступу та інтеграцію з роботами/БП (якщо використовуються смарт-процеси)
  • Навчання адміністраторів порталу роботі з розділом
  • Гарантійну підтримку протягом 30 днів після здачі

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

Оцінка термінів

Компонент Оцінка
Скелет додатка + реєстрація в Б24 1–2 дні
CRUD-інтерфейс списку (таблиця, фільтри) 3–5 днів
Картка елемента зі слайдером 2–3 дні
Права доступу (зовнішня БД) 2–3 дні
Інтеграція з роботами/БП (смарт-процес) 1–2 дні
Тестування та деплой 2–3 дні

Разом для розділу середньої складності: 1.5–2.5 тижні. Основна змінна — складність бізнес-логіки всередині розділу, а не сама інтеграція з Бітрікс24.

На що звернути увагу

Iframe-додатки працюють в ізольованому контексті. localStorage всередині iframe прив'язаний до домену вашого сервера, а не до домену порталу. Якщо у вас декілька порталів-клієнтів — зберігайте member_id в ключі storage, щоб не змішувати дані.

Токен AUTH_ID живе 1 годину. Для довгих сесій реалізуйте автооновлення через REFRESH_ID — інакше користувач отримає помилку авторизації. Щоб уникнути типових помилок при розробці, зверніться до наших інженерів. Ми гарантуємо стабільну роботу та надаємо 30-денну гарантійну підтримку.

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