Uncaught error unable to initialize bitrix24 js library

Создание приложения для Bitrix24 с нуля

Для расширения функциональности Bitrix24 удобно использовать приложения. В данной статье описано создание с нуля локального serverless приложения.

Для установки нашего приложения нам понадобится собственно портал bitrix24, в котором мы обладаем правами администратора или правом установки и редактирования приложений.

Если такого портала нет — создать его можно здесь.

Панель управления приложениями доступна по адресу https:// .bitrix24.com/marketplace/local/ .

Выбираем пункт Для личного использования . После нажатия кнопки Добавить мы попадаем в диалог создания приложения.

Здесь нам нужно будет остановится, так как добавлять пока нечего. Оставим вкладку браузера открытой и приступим к созданию нашего приложения.

Официальная javascript-библиотека

Создадим папку с произвольным названием и в ней единственный пока файл index.html со следующим содержанием (исходный код):

Помещаем файл index.html в zip-архив и указываем этот архив в качестве значения поля Загрузите архив с вашим приложением (zip)* в диалоге создания приложения.
Затем нажимаем кнопку «Сохранить»

Посмотрим, что у нас получилось.

Кликаем по Перейти к приложению и видим… пустое место на месте нашего приложения.

Все необходимое для нас на данном этапе находится сейчас в консоли разработчика.

Мы видим, что наше приложение успешно получило данные необходимые для авторизации.

Официальная javascript-библиотека c promise

Использование callback-функций имеет свои преимущества, но не всем нравится или не всегда подходит к ситуации.
Поэтому попробуем получить тот же результат в promise-стиле. Для этого изменим наш index.html (исходный код)

Опять архивируем, опять обновляем наше приложение, опять смотрим, опять все работает.

Инструменты разработки

Полагаю, что к этому времени вы уже достаточно устали от процедуры архивирования и обновления приложения.
Попробуем сделать процесс разработки чуть более удобным и быстрым.
Для этого нам понадобится nodejs .
Проверить его наличие на компьютере можно выполнив:

В папке нашего проекта инициализируем npm:

Установим необходимые пакеты:

Можно аналогично создать проект с помощью create-react-ap или angular-cli .

Состояние проекта после всех изменений можно посмотреть здесь.

Создадим в корне нашего проекта файл server.js

Этот файл нам нужен для запуска сервера. Встроенные в create-react-app и angular-cli серверы не подойдут, так как сервер стороннего приложения должен отвечать на POST запросы. Для всех, кроме 127.0.0.1 есть еще требования к наличию https .

Создадим папки src и public
В папку public перенесем index.html и изменим его содержимое на:

В папке src создадим файлы

Если package.json еще не создан, выполним:

Добавим скрипты в package.json :

Далее так как и команда start и команда watch не заканчиваются, их нужно запускать параллельно. Для этого в двух командных строках запускаем

Завершим настройку среды разработки редактированием нашего приложения в Bitrix24.
Перейдем в диалог редактирования нашего приложения и укажем в поле
Укажите ссылку* значение http://127.0.0.1:3000/

Перейдите к просмотру вашего приложения:
Вы должны увидеть приветствие с именем текущего пользователя:

Если использовать официальную библиотеку, то отличаться будут только два файла:

Итоговый код проекта для использования официальной библиотеки здесь.

Ознакомиться со всеми возможными методами и возможностями API можно здесь.

Исходный код можно увидеть здесь.

И последнее замечание. Описанные выше способы и методы не являются набором лучших практик. Это скорее предложение к конструктивному обсуждению.

UPD: желающих высказаться о 1С-Битрикс или Битрикс24 прошу сделать небольшое интеллектуальное усилие и осознать, что статья не о Битрикс24 и совсем не о 1С-Битрикс.
Это если в Питере прохожий объясняет другому, как пройти к Петропавловской крепости и тут третий вмешивается с репликой:
«Да тиран был ваш Петр I. Тиран и деспот. И усы у него дурацкие».

Если есть конструктивные замечания к коду в СТАТЬЕ или к подходам или к используемым паттернам — добро пожаловать.

Источник

Ватсон (Все сообщения пользователя)

а в чем сложность? подключаем api и используем JS библиотеку для того что бы вызвать метод REST API. https://dev.1c-bitrix.ru/rest_help/js_library/rest/callMethod.php вот тут описание этой самой JS библиотеки, вот только там примеры для приложения, а для того что бы это работало в коробке в UI в JS то надо вместо
BX24.callMethod вызвать BX.rest.callMethod, т.е. BX24 заменить на BX.rest

А, так вот как это работает, спасибо большое. Проверил, скрипт из примеров отработал нормально

кстати, любопытно, вот тут написано что 1 сентября 22 года этот метод устарел и будет удален. https://dev.1c-bitrix.ru/rest_help/general/methods.php
Судя по всему надо использовать BX.rest.callMethod.get

Кто будет проверять, напишите, работает ли

Тоже интересует, как заставили заработать?

На пока использовал

собственно код наверху, но там $fileData получался формой авторизации
а вот тут из урла к файлу любого компонента вытаскивается fileId , берется путь по fileId и уже этот файл кормится в сущность по коду выше, только там по моему поле файл принимает массив с массивами описания каждого файла, щас уже не помню. у меня щас код разделен на две части в php готовится массив, а JS его уже записывает по нажатию кнопки и вижу что там каждый файл описывается массивом имя файла и данные кодированные в 64, потом массивы с файлами пушу в массив и потом это в JS кодирую. но наверно если файл один, то можно и без контейнера. $file это путь который выдает компонент с fileId на конце. собственно в сущность кормится массив с описанием файла и данные в 64

$file = $img[downloadUrl];
parse_str($file, $data);
$fpath = CFile::GetPath($data[‘fileId’]);
$fileUrl = ‘ https://domenname.ru’.$fpath ;
$fileData = file_get_contents($fileUrl);

Есть задача создать компанию на основании сделки. В сделке есть загруженные фото в пользовательское поле типа file, которые надо тоже перетащить в компанию. Никто не пробовал файл из одной сущности перетащить в другую или просто залить как-то файл? через rest или любым другим способом
пробую так, файл добавляется но не тот размер и файл не открывается. а если вывести сам файл через print_r то запрашивает авторизацию, если ввести, то файл получаешь. такое ощущение что и тут грузится не файл в поле, а эта авторизация в каком-то виде

//id компании куда пробуем залить картинку из сделки
$arFields = array( ‘id’ => 3, ‘fields’ => array()
);

//добавляем данные в поле типа файл
$file = ‘ https://site.ru’.$dealresult[result][UF_CRM_DEAL_FILE][0][showUrl] ;
$filename= ‘test.jpg’;
$fileData = file_get_contents($file);
//при таком выводе, скрипт запрашивает авторизацию посередине страницы
print_r($fileData);
$arFields[«fields»][«UF_CRM_COMPANY_TEMPFILE»] = array(‘fileData’=>array(0=>$filename,1=>base64_encode($fileData)));
$companyupdate=callB24Method(‘crm.company.update’,$arFields);

Да, для отладки уже следующих уровней crm можно пользоваться браузером, например, для того что бы увидеть список клиентов можно перейти по ссылке https://nameportal.ru/mobile/crm/company/ и так далее, в папке mobile все сразу понятно по какому адресу что можно посмотреть. В приложении что бы увидеть изменения, надо очищать кэш портала и перезапускать приложение. В отличие от под уровней CRM, при отладке вкладки ЕЩЕ, на экран выводить не удавалось переменные, пришлось писать в лог файл, который писался в папку bitix и там смотреть где что

В общем, в поисках единомышленников, опишу чего добился я, может кому-то еще это будет интересно. В коробке я нашел три места отвечающих за приложение:
1.папка /home/bitrix/www/mobile — тут находятся index файлы, которые запускаются из различных кнопок приложения, в том числе и из пунктов вкладок первого и последующего уровней. Фактически все нажатия в приложении запускают отработку какого-то файла из этой папки с переданными параметрами, например, get запросом.
2. папка /home/bitrix/www/bitrix/mobileapp здесь похоже компоненты мобильного приложения, но есть еще где лежат компоненты мобильного приложения, это стандартное место /home/bitrix/www/bitrix/components/bitrix, здесь есть компоненты начинающиеся с mobile.название_компонента. Эти компоненты как раз вызываются из index файлов папки mobile и главное, их можно спокойно переопределять через папку local. И вот первая моя проблема, это я не знаю как переопределять компоненты папки bitrix/mobileapp , т.к. у меня не получилось, а т.к. это папка bitrix, то при обновлениии могут эту папку обновить и все модификации пропадут. В принципе, я могу себе позволить не обновлять Битрикс и не сильно париться и на всякий случай держать копию.
3.папка /home/bitrix/www/bitrix/templates/mobile_app — это собственно шаблон мобильного приложения, но то ли я не смыслю в шаблонах битрикса то ли одно из двух, но что-то меняя тут у меня ничего не менялось, и это опять же, думается, что это папка которую могут обновить.

Еще одно место это само мобильное приложение Битрикс24, здесь я пока предполагаю, т.к. не очень сильно искал где поменять кнопки нижнего меню приложения. Но, когда-то, я некоторое время программировал под iphone и по моему, нижнее меню приложения это стандратный контроллер айфона или по крайней мере очень похож на него. Если это так, то значит кнопки описаны в коде самого приложения. Да, состав кнопок можно поменять, например удалив модуль внешние линии, пропадает кнопка Внешних линий, но думается что эта логика заложена в самом приложении, т. е. приложение строит меню на основе настроек приложения и доступных модулей портала. Возможно я ошибаюсь, но мне видится так. Т.е. это значит что нижнее меню приложения похоже не поменять, только за счет настроек приложения, но в принципе я привык к режиму Задачи, на экране кнопки Задач, Уведомлений и чатов, и кнопка ЕЩЕ. Но вот внутренности кнопки ЕЩЕ меня убивали, что бы добраться до клиента, нужно фиг знает куда листать. Я изменил состав вкладки ЕЩЕ. Настройки переместил вниз, CRM поднял наверх, поубирал из CRM лишние кнопки, переименовал необходимые. Из избранного тоже убрал Новости — мы не пользуемся живой лентой. И стало очень даже удобно, вот только менять это пришлось в /home/bitrix/www/bitrix/mobileapp/mobile/components/bitrix/m ­ore , вот как бы это все перенести в local.

Еще осталось модифицировать список отображения сущностей CRM(что на карточках отображать), карточки самих сущностей и создание документов на их основе. Но тут вроде особых сложностей нет, разве что желание в сущностях таймлайн где-то иметь, но тут похоже придется писать свой компонент мобильного таймлайна на основе стандартного

Источник

setyongr/b24

Use Git or checkout with SVN using the web URL.

Work fast with our official CLI. Learn more.

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

Bitrix24 Client Library

npm install b24 —save

There are 2 modes to use this library. API mode and Webhook mode.

You can specify the mode when initializing Bitrix24.

When you use API mode, you must authenticate the user using OAuth. See Authentication for example. You also must provide client_id , client_secret , and redirect_uri in config block.

There are 2 method that will called when using API mode. saveToken(data) and retriveToken . You can use this to save and get token from database.

It use webhook feature from Bitrix24 To use this you must provide user_id and code in config block.

user_id can be obtained throught my profile page. See the URL, e.g https://k2d2.bitrix24.com/company/personal/user/4/. The value would be 4

code can be obtained throught Application -> Web hooks -> ADD WEB HOOK -> Inbound web hook

You must do authentication when use API mode. It just OAuth2

1. Visit url provided by bitrix24.auth.authorization_uri
2. It will give you the code in callback url, use this to get token
3. Get token with bitrix24.auth.getToken(code)
4. Profit.

Run Bitrix24 API

To Run Bitrix24 API we need to use callMethod(method, param) method.

pass the method you want to run in method parameter, param parameter is optional, it used to add parameter to method that you call, visit the official API reference to see all possible parameter.

Источник

Здравствуйте. Тут такая проблема возникла. Стоит задача загрузить товаров в CRM с помошью скрипта. Скрипт должен взять csv файл загруженный в определенную папку в файловой системе bitrix24 и в основе его сожержимого создать товары (с вложенными секциями) в CRM. До этого это сделалось с помошью визуального интерфейса и через импорт. Чтобы выполнить эту задачу я создал скрипт и внутри него получаю csv файл с помошью кода:

$csvFile = new CCSVData();
$csvFile->LoadFile($_SERVER[‘DOCUMENT_ROOT’].»/import_folder/m00000.csv»);
$csvFile->SetFieldsType(‘R’);
$csvFile->SetFirstHeader(«false»);
$csvFile->SetDelimiter(‘,’);

Файл таким образом я получаю. Потом чтобы загрузить содержимое этого файла на товары я хотел использовать стандартный метод
crm.product.add. Код получился примерно такой:

<script src=»//api.bitrix24.com/api/v1/»></script>

<?

while ($row = $csvFile->Fetch())
{

?>
<script>
BX24.callMethod(
«crm.product.add»,
{
fields:
{
«ID»: $row[0],
«External ID»: $row[1],
«Name»: $row[2],
«Symbolic code»: $row[3],
«Price»: $row[4],
«Currency»: $row[5],

… и так далее

}
},

);

</script>
<?
}

Но при выполнении BX24.callMethod я получаю ошибку Uncaught Error: Unable to initialize Bitrix24 JS library!

Я попытался заменить этот метод на

require_once(‘crest.php’);

$resultProduct = CRest::call(
‘crm.product.add’,
[
‘fields’ => [
‘>ID’ => $row[0],
‘>External ID’ => $row[1],
‘>Name’ => $row[2],
‘>Symbolic code’ => $row[3],
‘>Price’ => $row[4],
‘>Currency’ => $row[5],

… и так далее

]
]
);

После этого я вовсе получаю серверную ошибку 500 и скрипт не запускается. Помогите пожалуйста как можно решать данную задачу. Битрикс с версией 21.900.