This blog, as the title suggests, sheds some light on integrating a UI developed in SAP UI5 as a BPM task. Not necessarily UI5, it can be a UI developed in any other technology which is not predefined in BPM at design-time like, WD Java, WD ABAP, Visual Composer or Adobe Offline Forms.
Other UI technologies like JSP, HTML etc. can also be integrated in this fashion.
NetWeaver 7.3 EHP1 (7.31) onwards.
1. Double-click on the Human Activity in your BPM Process to open its Properties :
2. In the 'Task' property of the Human Activity, click on the 'Task' link as shown to open the Task Properties :
3. In the User Interface Property of the Task, click on 'Choose':
4. Now select on 'Custom Technologies' and clcik on 'OK':
5. In the next dialog box that opens up, enter the relative URL* of the UI, define the input and output types (mandatory) and define the Fault Types for exception Handling (not mandatory) and click on 'Finish' :
*Relative URL: If the UI Application is deployed on the same AS Server, eliminating the server details from the URL of the UI will give you the Relative URL.
For example: URL of UI : http://<hostname>:<port>/POC_SecondView/index.html, then Relative URL : /POC_SecondView/index.html
Now, the Relative URL of the UI should be seen in the UI property of the task now, which was blank earlier:
The input and putput parameters we defined earlier should be available in the Input and Output mapping of the Human Activity:
That's it! You're Done!
As SAP UI5 and other custom technologies do not have a context of their own, we will have to use the BPM "oData Service" to bind the UI data to the BPM Process Context Data.
Hope this blog helps in some way. Please let me know in case I have mentioned anything wrong.