Skip to Content
Author's profile photo Former Member

Installing and SAP UI5 toolkit (ver 1.12.1) in Eclipse 4.3 (Kepler)

In this blog I would be sharing the steps I followed to install SAPUI5 plugin on eclipse for Rapid Application Development on my Windows 7 machine

Installing and SAP UI5 toolkit in Eclipse

Prerequisite:

Environment variables CATALINA_HOME, JAVA_HOME & PATH must be set correctly.

Steps:

1. Go to System properties.

2. Click environment variables button and add a new variable with the name  JAVA_HOME and set it to the path of top level java install directory.

3. Add another new variable with the name CATALINA_HOME and set it to the path of top level Tomcat install directory.

4. In path variable add a new variable value as %JAVA_HOME%\bin;%CATALINA_HOME%\bin;

Steps:

  1. Got to Eclipse 4.3 (Kepler) IDE for Java EE developers http://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/keplerr
  2. Follow the instructions in the Install Guide – http://wiki.eclipse.org/Eclipse/Installation to completely Install the IDE.

Installing SAPUI5 plugin

Downloading UI Development Kit for HTML 5 from the link below – http://scn.sap.com/community/developer-center/front-end and extract the content in some folder.

Steps:

  1.      Start the Eclipse environment.
  2. choose Help -> Install New Software…

  3. Click Add … -> Local ….

  4. Navigate to the local update site location, and choose the “tool-updatesite” folder with the folder where you extracted the HTML5 Development toolkit as update source.

  5. Select all plugins and features for installation.

  6. Select the dialog to “Contact all update sites” during installation to find required software

  7. Click Finish to complete the installation process.

  8. Restart Eclipse.

To verify the installation:

  1. create a new SAPUI5 Application Project via Eclipse menu File -> New -> Other
  2. create a view with some sample code in the project.

Add the Tomcat server in the Servers view of eclipse as mentioned in the link – http://help.eclipse.org/kepler/index.jsp?topic=%2Forg.eclipse.wst.server.ui.doc.user%2Ftopics%2Ftwinstprf.html  and clicking Run

the project should get deployed in the Tomcat server and a view with sample code should get opened in the Browser.

Assigned Tags

      5 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Faaiez Sallie
      Faaiez Sallie

      Hi

      Your link to Add Tomcat server does not work:

      http://help.eclipse.org/kepler/index.jsp?topic=%2Forg.eclipse.wst.server.ui.doc.user%2Ftopics%2Ftwinstprf.html

      Can you tell me whether the Run As..Web App Preview works for you?

      I've installed the SAPUI5 Tool into Eclipse Kepler and when I use the Run As...Web App Preview I get a blank sceen.

      Thanks

      Author's profile photo Peter Jonker
      Peter Jonker

      Hi,

      Is there already a new link available for the Add Tomcat server manual ? It is still no working.

      Author's profile photo Former Member
      Former Member

      Hi,

      Could someone tell me a direct link to download UI Development Kit for HTML 5?

      I can't find it here: http://scn.sap.com/community/developer-center/front-end

      Author's profile photo Zhi-feng Deng
      Zhi-feng Deng

      Help -> Install New Software...


      Add a new site with the following url based on your eclipse version:

           https://tools.hana.ondemand.com/mars for Eclipse Mars (4.5)

      or https://tools.hana.ondemand.com/luna for Eclipse Luna (4.4)

      or https://tools.hana.ondemand.com/kepler for Eclipse Kepler (4.3)

      Author's profile photo Natarajan Srikanta
      Natarajan Srikanta

      Hi Zhi-feng Deng,

       

      1. The above mentioned step is general procedure for installing SAPUI5 plugin to eclipse.

      While trying with this method, im ending up with below error

      https://tools.hana.ondemand.com/kepler/content.xml.
      Unable to read repository at https://tools.hana.ondemand.com/kepler/content.xml.
      peer not authenticated

       

      2. Hence we are trying to download the SAPUI5 plugin explicitly and paste it under plugins folder.

      However, the link http://scn.sap.com/community/developer-center/front-end provided in this blog doesnt have any option for "Downloading UI Development Kit for HTML 5".

      Kindly provide the appropriate link