SAPUI5 is a new user interface technology from SAP that is based on the open standards HTML5 and CSS3, the JavaScript scripting language, and the jQuery library.

This blog talks about how to install SAPUI5 in Eclipse IDE. SAP has provided SAPUI5 Tools for Eclipse which can be downloaded and installed as Eclipse plugins.

UPDATE 11th August 2016

Updated for Eclipse Mars.

Step 1 – Install Java Development Kit

Install JDK from Oracle’s website http://www.oracle.com/technetwork/java/javase/downloads/index.html

Step 2 – Install Eclipse

As a first step, download Eclipse Mars from http://www.eclipse.org/downloads/packages/release/Mars/2.

Select the package solution called Eclipse IDE for Java EE Developers. Make sure to select the installer according to your platform (32/64 bit of Windows/Linux/Mac). For this post, I’m using 64-bit Windows 7 OS.

Step-1-Download-Eclipse-for-Java-JEE

After downloading the Eclipse installer, simply unzip it and click on the eclipse.exe file to run Eclipse.

Step-2-Click-on-eclipse-exe-to-run-Eclipse

Provide a workspace folder where you can create all your SAPUI5 related projects.

Provide a workspace for SAP UI5 projects

Step 3 – Install an application server

Although a web container like Tomcat might be enough to deploy basic SAPUI5 applications in the initial phase, I would recommend installing an application server like Widlfly (formerly known as JBoss). Please refer to my blog How to install Wildfly in Eclipse for the detailed steps.

Step 4 – Install SAPUI5 plugin in Eclipse

Open the web page https://tools.hana.ondemand.com/ and copy the update site URL https://tools.hana.ondemand.com/mars for SAPUI5 Tools.

Step-4-Open-HANA-tools-web-page

In Eclipse, go to the menu option Help -> Install New Software… In the Available Software window, click on the link, Available Software Sites. In the window, click on Add button. In the pop-up window, provide any name to the site and paste the SAPUI5 update site URL copied from the above step and click on OK.

Go to option Install New Software in Eclipse
Click on Available Software Sites
Step-7-Click-on-Add-to-create-a-new-software-site
Step-8-Add-a-new-site-for-SAP-UI5-Tools

Now that the SAPUI5 Tools update site has been added, in the Available Software window, select the newly created site from the drop down and wait. Eclipse will fetch the list of plugins available for installation.

Note
While updating Eclipse in a corporate network, a proxy authentication error might be thrown in case the proxy settings are not maintained in Eclipse. Please refer to my blog How to add proxy settings in Eclipse for solving proxy issues in Eclipse.

Proxy Authentication Error in Eclipse

Select the package named, UI Development Toolkit for HTML5 and click Next. Accept the license agreement and click Finish to begin the installation of plugin.

Step-10-Select-the-SAP-UI5-Tools-packages-for-downloading
Accept the EU License

Restart Eclipse after the installation is finished.

Restart Eclipse

To validate the installation of SAPUI5 Tools, go to the menu option File -> New -> Other.. There should be an option for SAPUI5 Application Development as shown below.

SAP UI5 is installed

This completes the installation of SAPUI5 Tools. In the next blog I’ll talk about creating the first SAPUI5 project.

How to install SAPUI5 in Eclipse
        

5 thoughts on “How to install SAPUI5 in Eclipse

  • November 5, 2017 at 5:31 AM
    Permalink

    Hi Nitin,
    I have installed SAPUI5 in Eclipse (Mars) as you have described. Everything is working except for code completion. Any ideas how to get code completion working?

    Thanks

  • August 11, 2016 at 3:07 PM
    Permalink

    I’ve updated this blog with the steps required to install SAPUI5 in Eclipse Mars.

  • July 19, 2016 at 11:01 PM
    Permalink

    Hi, I’ve installed Eclipse Mars with SAPUI5 in my MacBook and it is working fine. Let me know if your problem has been resolved or you need further assistance. Thanks!

  • March 28, 2015 at 7:51 PM
    Permalink

    well drafted

Comments, Questions or Suggestions: