Verwenden KIE Workbench-Komponente in meiner eigenen Web-App

Question

Ich lese dies article und ich verstehe, dass wir Iframe-Tag verwenden können, um eine KIE-Werkbank in einer externen Web-App aufzurufen.

Ich möchte einen Weg finden, das Prozessmodell in einer externen Web-App (wie im Bild) einzufügen. Ist das möglich?

Answer 1

Es ist möglich, das Prozessmodell Bild als SVG zuzugreifen. Um diese Funktion in jbpm zuzulassen, müssen Sie die Datei /org.kie.workbench.KIEWebapp/profiles/jbpm.xml in der Datei jbpm-console.war bearbeiten, indem Sie nach storesvgonsave suchen und den aktivierten Wert in "true" ändern:

Danach, wenn Sie das Prozessmodell in der KIE Workbench bearbeiten und das Modell speichern, wird automatisch eine zusätzliche SVG-Datei generiert.

Hinweis: Ich habe festgestellt, dass diese Funktion nicht in allen jbpm-Versionen funktioniert, zum Beispiel hatte ich Probleme mit 6.3.0, aber es war in 6.4.0 in Ordnung. Manchmal muss ich die SVG-Datei auch manuell in der KIE Workbench löschen und das Modell danach nur speichern, weil die aktuelle SVG-Datei nicht erzeugt wurde ...

In meinem Fall ist die KIE Workbench verbunden Dieselbe Datenquelle wie meine eigene Webanwendung, die das deployed kjar als Abhängigkeit verwendet. Wenn in dieser Konfiguration meine Webanwendung eine Prozessinstanz startet, kann die KIE Workbench diese überwachen und eine prozessinstanzspezifische SVG-Datei bereitstellen. Dieses Bild ist prozessinstanzspezifisch, da die aktiven Knoten des Prozessmodells SVG rot sind, während die ausgefüllten Notizen ausgegraut sind. Sie können in diesem URL dieses Prozessinstanz spezifische SVG Bild zuzugreifen:

http://{jbpm-console-path}/rest/runtime/{deploymentId}/process/{processDefinitionId}/image/{processInstanceId}

Sie müssen die Werte in dieser URL ersetzen. Die deploymentId ist die GAV-ID Ihrer Bereitstellung. Die processDefinitionId ist die ID Ihres Prozessmodells, während die processInstanceId eine numerische eindeutige ID der Prozessinstanz ist.

Wenn Sie nur auf die Prozessmodell-SVG-Datei zugreifen möchten, sollten Sie die Datei/{processInstanceId} einfach am Ende der URL belassen.

<object id="svgObject" type="image/svg+xml" data="svgURL"></object> 

Wo das data Attribut die richtige URL der SVG-Datei enthalten:

Sie können die SVG-Datei in Ihrem Webapp wie diese umfassen.