Визуализация диаграммы процесса

Этот раздел перенесён из документации Camunda 7 и в дальнейшем будет доработан с учётом особенностей OpenBPM Engine

Диаграмма BPMN-процесса — отличное место для визуализации информации, связанной с вашим процессом. Мы рекомендуем использовать JavaScript-библиотеки для отображения диаграмм процессов и обогащения их дополнительной информацией.

В наших веб-приложениях Cockpit и Tasklist мы используем bpmn.io http://bpmn.io/ — набор инструментов для рендеринга BPMN 2.0 моделей процессов прямо в браузере. Он позволяет добавлять к диаграмме дополнительную информацию и включает способы взаимодействия пользователя. Хотя bpmn.io всё ещё находится в разработке, его API достаточно стабильно.

Предыдущий JavaScript-рендерер BPMN всё ещё можно найти в camunda-bpmn.js https://github.com/camunda/camunda-bpmn.js, однако он больше не развивается активно.

Process Diagram Rendering

Рендерер диаграмм bpmn.io (bpmn.io Diagram Renderer)

Чтобы отрендерить диаграмму процесса, необходимо получить XML диаграммы через {{< javadocref page="org/camunda/bpm/engine/RepositoryService.html" text="Java-" >}} или {{< restref page="getProcessDefinitionBpmn20XmlByKey" text="REST API" tag="Process-Definition" >}}. Следующий пример показывает, как отрендерить XML процесса с использованием bpmn.io. Для дополнительной документации по аннотации диаграммы и взаимодействию пользователя см. страницу bpmn.io: https://github.com/bpmn-io/bpmn-js.

var BpmnViewer = require('bpmn-js');

var xml = getBpmnXml(); // get the process xml via REST
var viewer = new BpmnViewer({ container: 'body' });

viewer.importXML(xml, function(err) {

  if (err) {
    console.log('error rendering', err);
  } else {
    console.log('rendered');
  }
});

В качестве альтернативы вы можете использовать виджет bpmn-viewer https://github.com/camunda/camunda-bpm-platform/blob/master/webapps/frontend/camunda-commons-ui/lib/widgets/bpmn-viewer/cam-widget-bpmn-viewer.html из OpenBPM Engine commons UI.

Лицензия и атрибуция

Эта документация была создана на базе материала "Camunda 7 Docs" от Camunda, находится под лицензией Creative Commons Attribution-ShareAlike 3.0 Unported License .

Оригинал документации: https://docs.camunda.org