JSP to SAP Fiori

[theanmozhi]

We have created a JSP submit form application with Java working in backend.

Now the request is to change the UI to Fiori Launchpad. I thout Fiori can be build using ABAP.

is it correct?

if not how can we achieve this. coverting JSP application to SAP Fiori application. Thanks for your inputs.

[thalesvb]

Hello, quick and short answer: no, you can have a SAPUI5/OpenUI5 app (Fiori app) without ABAP at all, you can even use Java only (+ UI5 app deployed in any server that can serve static files with reverse proxy for Java server, or on Java server itself).

Now the long answer with more details, with first some quick concepts:

• "Fiori application" is just a slang for SAPUI5 / OpenUI5 (UI5 from now on) application that follows Fiori UX Guidelines.
• UI5 is a HTML+XML+JS framework to build backend-agnostic Web applications, the only requirement is backend should communicate with OData Protocol (or JSON/REST, but this is not the recommended way for first timers). You can think UI5 as one of many Web App frameworks with UI bundled out there, like there is Angular (+ Material).

Your question was a bit vague... when you said ABAP I think you were possibly referring to one of two things (or maybe both):

• SAP Fiori Launchpad: The host/shell that makes a nice start screen to launch apps from same start points (with benefits). Both ABAP and Java stack have it (on-premise), but you also have Fiori Launchpad on Cloud Platform.
• SAP Gateway: a tool/runtime to make ABAP speak OData Protocol.

As you said, you already have a Java code working, you just need to wrap your code in a way that can communicate with UI5 (OData). Apache Olingo is a library that will help you here (there is this course about implementing Java+UI5, you can jumpstart to week 2 if you are in a hurry) .Then you build your UI5 app around this OData-enabled backend and then serve UI5 app with Java server itself or by other ways (like Nginx). This is enough to build a UI5 app around a Java backend, you only need to serve both app + backend in a configuration that will not cause cross origin error when consuming OData (same domain / domain + subdomain with domain-relax policy / CSP / ...).

If you really need this app served inside a Fiori Launchpad (as a tile), then you have a few more additional steps depending on which Fiori Launchpad you will use.

Best regards