Jmix — это платформа с открытым исходным кодом для повышения эффективности разработки корпоративного ПО. Java-разработчики со всего мира используют ее для создания приложений, ориентированных на работу с данными, корпоративным контентом и бизнес-процессами. Jmix особенно эффективен, если у проекта есть строгие ограничения по бюджету и срокам. По сути, Jmix позволяет Java-разработчику стать fullstack-программистом и в результате своей работы получить полноценное веб-приложение на основе Spring Boot. Платформа привлекает тем, что не требует затрат на лицензирование конечных пользователей, а  для разработки и backend, и frontend используются один язык: Java или Kotlin. В основе платформы лежат широко распространенные технологии и IDE, дружественная разработчику. В этой статье расскажем, с чего начиналась поддержка моделирования бизнес-процессов в Jmix, как мы встроили в платформу фреймворк bpmn-js, и какие плюсы от этого получили пользователи. 

Первые шаги в направлении BPMN 

В случае приложений для управления транзакциями, документами или другими корпоративным данными часто требуется отделить бизнес-логику от кода. Это можно сделать с помощью визуального конструктора, в котором аналитики и разработчики моделируют  бизнес-процессы в соответствии с нотацией BPMN. К этой идее мы пришли в 2017 году, после большого количества запросов со стороны сообщества разработчиков Jmix. Поначалу для создания бизнес-процессов мы использовали собственный инструмент на основе движка Activiti. Он был частью CUBA Platform, прошлого поколения платформы Jmix.  

Этот конструктор был частью аддона Business Process Management, который включал следующие функции: 

• Встроенный в runtime визуальный дизайнер бизнес-процессов, соответствующий нотациям BPMN; 

• Интегрированная модель данных Activiti, обёрнутая в сущности CUBA, чтобы разработчики могли легко использовать их в UI и бизнес-логике; 

• Формы процессов — удобный способ отображения назначений и действий по процессам; 

• Пользовательский интерфейс для управления моделями бизнес-процессов, запуском экземпляров процессов и назначениями; 

• Возможность работы с подпроцессами, то есть включения одних моделей бизнес-процессов в другие, более крупные; 

• Локализация сообщений, которые использовались при отображении в UI имен задач, выходов из задач и т.д. 

Конструктор бизнес-процессов сохранял данные в формате JSON. При развертывании процесса в CUBA Platform формат автоматически преобразовывался в BPMN XML для использования в «движке» Activiti. Так началось развитие интегрированной среды для моделирования бизнес-процессов в нотации BPMN, обогащения их контекста при помощи объектов модели данных и  визуальных форм процессов, а также для исполнения процессов. Пользователи Jmix начали применять конструктор в своих проектах. Однако уже к концу 2018 года мы поняли, что UI данного конструктора устарел. 

Пересмотр подхода к BPMN в Jmix 

В 2019 году мы начали разработку следующего поколения платформы CUBA — Jmix.  

Зачем? 

Во-первых, мы хотели сократить использование кастомных технологий и приблизить платформу к мейнстримному подходу в Java-разработке. 

Во-вторых, мы планировали объединить максимальное количество инструментов для повышения продуктивности в единой среде разработки, чтобы все было под рукой и не требовалось переключаться между окнами. 

Во главу угла мы поставили принцип – «не изобретать велосипед». Встала задача выбрать новый популярный конструктор BPMN для интеграции в платформу с минимальной кастомизацией. После внутреннего R&D мы поняли, что оптимальный вариант — bpmn-js. Именно его мы выбрали из-за следующих особенностей: 

• Современный интерфейс; 

• Широкие возможности для усовершенствования, например, для добавления новых элементов и стилей; 

• Большое количество реальных примеров использования на GitHub; 

• Бесплатная поддержка сообщества с активным форумом; 

• Быстрое развитие. 

Что касается движка, то мы перешли с Activiti на Flowable BPM.  

Мы интегрировали конструктор bpmn-js в среду исполнения Jmix. Стало выглядеть гораздо более впечатляюще! 

Bpmn-js, доступный Java-разработчикам 

Как мы уже говорили, одна из главных особенностей Jmix состоит в том, что разработчики пишут на Java как backend, так и frontend. Для этого на серверной стороне в Jmix используется технология Vaadin, позволяющая управлять макетом frontend с помощью Java API. С Jmix обычно работают профессиональные Java-разработчики, поэтому мы решили обернуть конструктор bpmn-js в компонент пользовательского интерфейса Vaadin и связать специфичные Java методы с  функционалом нового компонента. В результате пользователи Jmix получили готовый компонент на Java, который можно бесшовно интегрировать в приложение с учетом бизнеc-задач. 

В качестве примера рассмотрим вариант использования Java-компонента для мониторинга текущего состояния бизнес-процесса. На скриншоте можно увидеть, что Jmix «из коробки» предоставляет подсистему BPM в среде исполнения и позволяет отслеживать состояние процесса на экране редактора экземпляров процессов. 

В Jmix разработчики могут легко переиспользовать компонент bpmnViewer и всего за несколько простых шагов добавить его на нужный экран. Для этого в первую очередь нужно добавить компонент bpmnViewer в дескриптор макета экрана Jmix в качестве стандартного компонента UI.

Затем нужно встроить bpmnViewer в пользовательский контроллер экрана и настроить его поведение в соответствии с бизнес-логикой приложения. 

Как показано на скриншоте выше, у Java-разработчиков есть все инструменты для встраивания и конфигурации отображения BPMN в их приложении:  

• Добавление компонента bpmnViewer; 

• Установка BPMN XML в компонент просмотра; 

• Вызов функции addMarker для установки конкретного стиля на элемент. 

В результате этих манипуляций визуальный компонент мониторинга бесшовно встраивается в пользовательский экран. Разработчики Jmix могут переиспользовать его на во всём проекте с минимумом написания кода. 

Это один из примеров того, как интеграция bpmn-js с технологией Vaadin привнесла новые идеи в процесс разработки приложений.  

Однако мы не только добавили в Jmix готовый конструктор bpmn-js, но также расширили его своими уникальными функциями. Среди них: 

• Инструмент конфигурации Service task позволяет указать нужный Spring Bean из рабочего проекта и установить значения параметров в соответствии с контекстом бизнес-процесса. Снижается количество ошибок и опечаток . 

• Разработчики могут управлять Execution Listeners в удобном списочном представлении и выполнять конфигурирование в диалоговом окне редактора. 

Интеграция конструктора bpmn-js и встраиваемого BPM-движка позволила разработчикам и аналитикам создавать бизнес-процессы в визуальном режиме и связывать их с моделью данных, ролями пользователей и бизнес-логикой. Это был уже более удачный вариант по сравнению с кастомным конструктором, но при работе все равно приходилось переключаться между режимами разработки и исполнения. Мы же хотели, чтобы все действия можно было выполнять при помощи одного инструмента. Звучит хорошо? На деле получилось еще лучше! 

Переход к интегрированной среде разработки BPM 

Наше видение стало реальностью в 2021 году, когда мы перенесли конструктор бизнес-процессов на базе bpmn-js в среду разработки IntelliJ IDEA. 

Мы сохранили привычный жизненный цикл разработки приложений: после проектирования бизнес-процесса в Jmix Studio разработчик запускает его с помощью встроенного BPM-движка в локальном окружении. Сложнее всего было сохранить привычные пользователям механики при переходе от конструктора BPMN внутри среды исполнения к IntelliJ IDEA и при этом соответствовать рекомендациям по дизайну инструментов IDE.  

Встроить в IntelliJ IDEA сам конструктор BPMN было несложно. Труднее оказалось реализовать совместимые с IDE инструменты конфигурирования элементов бизнес-процессов и их параметров. 

После R&D мы решили добавить специальную подсветку редактируемых свойств элементов процесса в панели инструментов IDE, сохраняя логическую группировку свойств в среде исполнения. Сходство можно увидеть при сравнении одного и того же окна элемента типа User Task в конструкторе внутри среды исполнения Jmix и в конструкторе в Jmix Studio. 

Положительное влияние на производительность разработчиков 

Подведем итог и суммируем, какие результаты принесла интеграция BPMN в Jmix: 

• Используя bpmn-js, мы бесшовно интегрировали работу с BPMN в IntelliJ IDEA. Разработчики получили удобный инструмент для моделирования бизнес-процессов в сочетании с преимуществами единого подхода к проектированию UX и профессиональными инструментами работы с кодом приложения. 

• Подготовленные аналитиком диаграммы можно загружать непосредственно в IntelliJ IDEA, а затем дополнять их прикладной моделью данных, бизнес-логикой, пользовательскими экранами, интеграциями и обработкой исключений, не переключаясь между различными инструментами.  

• Процесс можно развернуть и запустить на рабочей станции разработчика, чтобы протестировать бизнес-логику и убедиться в корректности работы. Разработчики получают доступ ко всем мощным инструментам отладки IntelliJ IDEA, что упрощает работу и делает ее более эффективной. 

• После локальной отладки можно сделать commit и push изменений в общий репозиторий, что позволит аналитику увидеть обновленную версию диаграммы BPMN и проверить работу процесса в тестовой среде. 

• Если аналитику потребуется изменить модель BPMN, то диаграмму можно будет скорректировать прямо в runtime приложения и сразу протестировать. Обновленную версию диаграммы можно скачать и переслать разработчику для внесения изменений в design time. 

Таким образом, Jmix позволяет охватить весь жизненный цикл создания бизнес-процессов в рамках общепринятых инструментов, и более того, интегрировать инструменты работы с BPMN в конвейер CI/CD.