Приветствуем вас, дорогие читатели!
Сегодня мы расскажем о практическом кейсе — как создать собственное полноценное приложение в AI Студия24, которое будет:
- Работать с вашими правами доступа,
- Поддерживать встраивание в интерфейс Битрикс24,
- Отображаться в мобильном приложении Битрикс24,
- И даже иметь потенциал для публикации в каталоге (об этом — в отдельной статье).
🛠️ Шаг 1. Создание приложения в AI Студия24
Начнём с создания нового приложения. При выборе типа встраивания обязательно укажите «Общее и меню» — это ключевой момент для корректной интеграции.
В редакторе вы можете разрабатывать логику приложения. Обратите внимание: если вы планируете сложный функционал, желательно привлечь разработчика или обладать базовыми знаниями программирования.
Пример: мы создали приложение «Чекины24», которое фиксирует геопозицию сотрудника и сохраняет её в карточку CRM. Готовое решение уже доступно в библиотеке AI Студия24 — вы можете взять его за основу и доработать под свои задачи.
После проверки работоспособности не внедряйте приложение напрямую — нам понадобится только его исходный код.
💾 Шаг 2. Сохранение кода приложения
Переключитесь в режим просмотра кода и скачайте его в виде файла. Это обычный HTML-файл с подключённой библиотекой React — всё, что нужно для дальнейшей загрузки в Битрикс24.
🔧 Шаг 3. Регистрация приложения в Битрикс24
- Перейдите в административную панель Битрикс24 → «Карта сайта» → «Разработчикам» → «Другое» → «Локальное приложение».
- Выберите тип приложения — «Статическое» (доступно только в облачной версии; в коробочной версии вам нужно самостоятельно разместить файлы на своём сервере).
- Загрузите подготовленный ZIP-архив.
📦 Шаг 3. Подготовка ZIP-архива
Для загрузки в Битрикс24 ваше приложение должно быть упаковано в архив .zip.
Важно: внутри архива должен находиться файл с названием index.html — именно он будет точкой входа. Название самого архива может быть любым.
📱 Шаг 5. Настройка для мобильного приложения
Если вы хотите, чтобы ваше приложение отображалось в мобильном приложении Битрикс24, обязательно отметьте опцию «BitrixMobile» при настройке.
Также укажите:
- Название приложения,
- Необходимые права доступа.
Совет: если вы не уверены, какие права нужны — временно разрешите все. В нашем примере используется только модуль CRM, но лучше уточнить требования под ваш функционал.
Нажмите «Сохранить» — готово!
Вот наше готовое приложение, всё запускается и работает.
✅ Результат
Теперь ваше приложение полностью интегрировано: оно доступно как в веб-интерфейсе Битрикс24, так и в мобильном приложении. Интерфейс отображается корректно, функционал работает — вы получаете гибкое и автономное решение без зависимости от внешних хостингов.