Skip to Content

Disclaimer – This blog is for beginners like me 😉 … Moreover, the approach I took may not be the best one – I just followed what seems feasible at the moment. There may be alternate and better way to do the same

————————————————————————–

This all started while I was playing around with SAPUI5 a few days back. To run a simple UI5 application, I had to install a Tomcat 6 Server and host the SAPUI5 Libraries on it. I could add a “little bit” more to the application by displaying Sales Order Headers and Item Details retrieved from the SAP Hosted Demo Gateway Systems using RESTful Services and oData Channel. I did face lot of road blocks, but Thanks to Experts Simon Kemp and Abhilash Gampa who helped me with their inputs and I finally could fix the application to run successfully.


<If you would like to to see the dicussion thread – here is the link Access denied Error for sap-ui-core.js in IE8 !

Next curiosity was to host the SAPUI5 libraries on the NetWeaver Java Server 7.3 version and develop UI5 applications which will run on top of the SAP Java Server itself. Well this blog narrates the experience of how far I could go with UI5 and the Java 7.3 Engine.

So lets get started…:)

Host the SAPUI5 Framework on NetWeaver Java Server 7.3

I wanted to host the libraries in a location so that these are out of the Portal “IRJ” J2EE application and can be called accessed thru anonymous users. A more direct URL like – http://server:port/sapui5 and which does not use the IRJ Alias. But what is the folder location to get to the Java Application Sever Start Page? Well, a little bit of investigation of the Server Load (http://hostname:port/startPage) led me to the following location on the Server File System

/usr/sap/<SID>/J00/j2ee/cluster/apps/sap.com/com.sap.engine.docs.examples/servlet_jsp/_default/root20-Jul-12 4-29-52 PM.jpg20-Jul-12 4-31-25 PM.jpg

Extract all the contents of the SAPUI5 zip file that you have downdloaded from SDN to a folder (in my case its sapui5), under this “root” folder


Lets try accessing the SAPUI5 Home page from the Server by using the URL http://server:port/sapui5

06-Aug-12 1-12-00 PM.jpg

There we go, SAPUI5 running on the NetWeaver 7.3 Java Server.

Go further by running the Sales Order UI5 application which I hosted on the Tomcat Server. I created a folder structure inside sapui5 folder so as to segregate the HTML and JS files.

06-Aug-12 1-29-35 PM.jpg

And Run the Sales Order Application on 7.3 JAVA Sever 🙂

06-Aug-12 1-31-17 PM.jpg

<P.S – Using IE9 to run this application, faced issues with IE8>

Next try would be to run this application inside PoD (Portal on Device). Already tried running this, but SAPUI5 does not seem to render and work well inside PoD at the moment. Probably some work around might help…

So go on, and play around with SAPUI5 on the NetWeaver 7.3 Java server itself.

As always, feedback is most welcome !

Sandip Agarwalla



To report this post you need to login first.

10 Comments

You must be Logged on to comment or reply to a post.

  1. Tom Van Doorslaer

    Cool!

    I actually had no idea that the help files were accessible from the UI5 library itself. I always used to refer to documentation that was hosted somewhere 😳

    good point on the anonymous logon for the UI5 library. Hadn’t thought about the fact that you need anonymous logon to that.

    (0) 
    1. Sandip Agarwalla Post author

      Tom

      Yes, you can always host the UI5 libraries locally..Initially i did on a Local Tomcat server

      Curiouslity led me to NW 7.3 Java server 🙂

      Hope it was useful

      Sandip

      (0) 
  2. Simon Kemp

    Hi Sandip,

    Thanks for sharing. I think another approach might be to deploy the SAPUI5.war into the JEE runtime of the NW 7.3 Java Server. After all it is just a regular web application, you would need to wrap it into an EAR file to deploy it via JSPM but that should be easy enough… you could probably even do that via the deployment tools of the NWDS 7.3. Maybe if I have some time I will give this a go!

    Right now PoD framework only targets small form factor mobile devices (e.g. phones) not tablets. I think the SAPUI5 stuff would suit tablets better than phones…but I am a bit surprised that you found it didn’t work and didn’t render… what device were you using it on?

    Thanks again,
    Simon

    (0) 
    1. Sandip Agarwalla Post author

      Hi Simon

      You are right, sapui.war would be another approach..didnt think about it..Do blog it when you get a chance..

      I actually tried the SAPUi5 application inside the POD framework page, but it didnt display anything…Even created a simple hello world, but the ui5 themes didnt reflect

      i dnt have a real iphone simulator, so used a poor man’s iphone…Safari browser in iphone user agent mode..

      Another is free version of electricplum simulator- http://www.electricplum.com/simulator.aspx

      (0) 
    1. Sandip Agarwalla Post author

      HI Jens

      Thanks for sharing your approach with the community.,

      Another way would be just deploy the “sapui5” and demokit.war files to the server using deploy tools. that will give you /sapui5 root context for your ui5 apps.

      Regards, Sandip

      (0) 
      1. Jens Drogi

        Hi Sandip,

        yes, we tried this too earlier.

        But result was, that e.g. the example controls within the demokit were not rendered correctly and therefore were not working. We had several problems by doing that and a lot of requests fired by the sapui framework returned a 404.

        Regards,

        Jens

        (0) 
  3. Mr Ram

    Both blog and discussion was very informative.

    For me, I have deployed the war files in the folder “HTML5Evaluation_complete_1.12.1.zip” through NWDS.

    I have renamed the ‘.zip’ folders to ‘.war’ and using NWDS (take “Deployment” perspective) deployed.Its working fine. 🙂

    url to get documentation of UI5, use: <server:port>/sapui5-sdk-static/index.html#content/Overview.html

    Regards,

    Ram

    (0) 
  4. Tahzeeb Mohammed

    Hi,

    I know that this might be a pretty naive question, but I am an absolute newbie to UI5 😕

    I am doing an evaluation for a client project if we could leverage UI5 to build user interfaces. The current setup is Enterprise Portal 7.0.1 SP08 Java Stack.

    Is UI5 compatible with this version of the portal? I shall await your kind feedback.

    Thanks,

    Tahzeeb

    (0) 

Leave a Reply