How to setup SAPUI5 for Eclipse Juno

This blog will guide you with all the steps that are required to set up your own SAPUI5 development and runtime environment, once you are done with this please refer to my getting started with SAPUI5 development post to build your first application.

Supported Platform

Operating System	Windows XP, Vista 7 (32- or 64-Bit)
Java Runtime	JRE 1.6, 32/64-Bit
Browser	Internet Explorer 9.0 or higher
Eclipse platform	Eclipse Indigo 3.7 or Juno 3.8 or Juno 4.2

Download links are given below

Name	License	Type	Remarks
Eclipse Juno 4.2	Open source	IDE	Ensure jdk 1.6 is installed prior to installation
SAP UI5 library 1.12.1	Free Evaluation	Plug-in for Eclipse	Requires jdk 1.6 and Tomcat 6.0 or above
JDK 1.6	Open source	Development Kit
Apache Tomcat 7	Open source	Web server

                                               

After download you must have file as shown below.

First Install the jdk , once this is done proceed with installation of tomcat 7.0, make sure you select the type of install as Full

After installation you can launch the host manager and monitor server status by accessing the link

http://localhost:8080

During installation of tomcat you will be prompted to provide user name and password, provide this information and make a note of the credentials.

Now we can proceed with setting up of eclipse and UI5 plug-in installation. Extract the contents of the eclipse-jee-juno-SR2-win32.zip to a folder; you will see the contents as shown in the screen shot below

To launch eclipse simply double click eclipse.exe. But, before we launch eclipse we will make some changes to the eclipse.ini file in order to increase the heap size required to build your projects, this is an optional step and can be skipped for now, get back to this in case you get an out of memory error during project build.

Right-click on eclipse.ini and open with notepad, change the value –Xmx512m to -Xmx1024m and save, restart eclipse if already running.

Next, extract the contents of HTML5Evaluation_complete_1.12.1.zip as shown below

Before installation of the UI5 plug-in I recommend that you read through the instructions provided in Readme_and_InstallationInformation.html. The tools-updatesite folder will be used for the actual plug-in installation; sapui5-sdk.war, sapui5.war and getting-started-sample.war are to be deployed into tomcat using the Manage App link.

To install the UI5 plug-in launch eclipse and navigate to Help->Install new software. 

Here under Available Software click on Add button, you will be prompted to provide the Repository detail, now click on local and select tools-updatesite folder.

Select all and click on Next to complete the installation

Next, we deploy the  sapui5-sdk.war and sapui5.war file to tomcat, to do this start tomcat server, open your browser and launch localhost:8080, click on Manager App, you will be prompted for user name and password, key-in the credentials provided during installation of tomcat.

Go to WAR file to deploy section and deploy the war files.

Once the war files are deployed they can be seen under the Applications section. Launch the /sapui5-sdk to access the developer guide for SAPUI5.

SAP has provided a comprehensive guide on how to get started with development and also the Controls section provides a demo of all available controls, it even has a plethora of code snippets which we can simply copy paste in order to use these controls, which makes development very easy.

If you have reached so far congratulations!! you can now begin your UI5 application development.

Hope you found this useful. Please post your comments below !!