How To Install SAPUI5 In Eclipse - Sap 4 All

Latest

Please enter your email and get the updates in your inbox.

Sunday, 17 April 2016

How To Install SAPUI5 In Eclipse

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.

Step 1 – Install Java Development Kit



Step 2 – Install Eclipse

As a first step, download Eclipse Kepler from http://eclipse.org/downloads/packages/release/Kepler/SR2.
Note
At the time of writing this blog, SAPUI5 Tools are only available for Eclipse Kepler.
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.
Download Eclipse for Java JEE
After downloading the Eclipse installer, simply unzip it and click on the eclipse.exe file to run Eclipse.
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 URLhttps://tools.hana.ondemand.com/kepler for SAPUI5 Tools.


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
Click on Add to create a new software site
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 clickFinish to begin the installation of plugin.
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 forSAPUI5 Application Development as shown below.
SAP UI5 is installed
This completes the installation of SAPUI5 Tools.


3 comments:

  1. Thank you for sharing nice and useful information nice work. Know more about SAPUI5 Training

    ReplyDelete
  2. Thank you for sharing nice and useful information nice work. Know more about SAPUI5 Training

    ReplyDelete
  3. Copying content from my website is not going to help you. I have reported this to he authorities.

    ReplyDelete