База знаний

Как создать js расширение в Bitrix24

Расширения — мощный инструмент для настройки и дополнения функциональности платформы под ваши конкретные потребности. Давайте разберемся, как шаг за шагом создать своё собственное JS расширение в Bitrix24 и сделать ваш рабочий процесс еще более эффективным и удобным.

1. Создание директории

В каталоге bitrix/js или local/js создадим каталог расширения:

- local/
-- js/
---- aclips/
------ custom_extension/
-------- config.php
-------- script.js
-------- style.css

2. Файл config.php

Конфигурационный файл включает подключение js скриптов, css стилей и зависимостей — прочих расширений, требуемых для работоспособности подключаемого (например jquery, модальные окна и т.п.)

<?php
  
if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) {
    die();
}

return [
    "js" => [
        "./script.js",
    ],
      "css" => [
        "./style.css"
    ],
      "rel" => [
        "jquery", "popup", "ui.entity-selector",
    ],
];

3. Подключение расширения

За подключение расширений в Bitrix24 отвечает метод load класса Bitrix\Main\UI\Extension. В требуемом месте нужно выполнить код

\Bitrix\Main\UI\Extension::load('aclips.custom_extension');

после чего будут загружены файлы и зависимости, указанные в конфигурационном файле.

Добавить комментарий