How to run Designer along with Workflow Server?

If you want to use Workflow Designer in your application as frontend, but at the same time you implement Workflow Server as the backend. Then, the next steps are needed:

1. The Designer must be embedded in your frontend application, see the examples:

   • Plain JavaScript example.
   • React example.
   • Angular example.

2. Set the parameter apiurl as: <woriflow_server_url>/designerapi. It is the path for submitting requests to the server. In case of demo server: demo.workflowserver.io, the path will be: https://demo.workflowserver.io/designerapi. Below the JavaScript example:

   var wfdesigner = new WorkflowDesigner({
     apiurl: 'https://demo.workflowserver.io/designerapi',
     renderTo: 'root',
     templatefolder: '/templates/',
     graphwidth: window.innerWidth,
     graphheight: window.innerHeight,
   });

3. Enable CORS to allow requests from your frontend application to Workflow Server.

Designer

Detailed information related to Designer integration and properties can be read here.