How to install SAPUI5 in eclipse

Folks, Lets see step by step procedure to install sapui5 in eclipse. Thanks to Michael Herzog for his post in scn

It’s all about Java

I want to show you, how you create your own development environment for SAPUI5. You will see, that we are going to use some great tools, which are normally known from Java-Development. I will use Windows 7 as operating system.

Step 1: Install Java Development Kit (JDK)

The JDK is the Java package for developers, which includes a complete Java Runtime plus tools for developing, debugging and monitoring Java applications. You can download the latest version from this site. After the download has finished, run the installer.  Update 22.03.2014: Some users reported, that JDK 1.8 causes some problems in Eclipse, UI5 Plugin and Dynamic Web Projects. To avoid such issues, please use JDK 1.7 as long as these problems exist.

Step 2: Set Up Environment Variables

After the installation of your JDK, it’s important to create a new environment variable called JAVA_HOME. To do this, open your “Run” window in Windows and type in “control sysdm.cpl”. On the Advanced tab, click Environment Variables. Then create a new System variable called JAVA_HOME. The value of this should be the path to your JDK. ev After that, you have to add this variable to the existing PATH-Variable with %JAVA_HOME%; path Finally, when you open your command prompt, following command should work. “java -version” cmd This basic configuration is very important for Java-tools like your web server. To check your environment variables quickly, you can open your console and run the “SET” command, which displays all environment variables of your system.

Step 3: Install Eclipse

Go to this site and download the latest version of Eclipse IDE for Java EE Developers. Extract the zip-file to a directory of your choice (for example “C:\Program Files\eclipse”). When you start eclipse, you have to choose a workspace. This is a specific folder, where eclipse stores your projects.

Step 4: Install a Java Web Server

You will need a Java Web Server (also known as Servlet-Container), when you want to deploy and run your applications. I recommend the Apache Tomcat, but the Jetty Server for example is also a good option. Download the current tomcat from the download section of the official site. Extract all files in a directory, for example “C:\Program Files\apache tomcat”. To test your configurations, go to the “bin” folder and try to run the startup batchfile to start server-mode. When everything is fine, you should see a window like this: tomcat If your server has problems to start, you should check your environment variables (especially JAVA_HOME and PATH) and your java installation. You can shutdown your server with the “shutdown” batchfile.

Step 5: Add Web Server to Eclipse

If you want to deploy applications directly from your eclipse, you have create a new server instance in your IDE. Open Eclipse, go to “File – New – Others” and choose “Server”. In the next window, choose Apache Tomcat (with correct version) as server type and type in following information: server After that, click finish. When you now open your Server-View (“Window – Show View – Server”), you should see your new instance. When you right-click on this entry, you can easily start and stop your server and do some configuration stuff. server_view Note: While i am following this process i didn’t find any server in eclipse :(. Got the same with u?? then relax..i do have procedure for this 😉

  1. Go to Help > Install New Software…
  2. From the Work With, select
  3. From the list, select “Web, XML, and Java EE Development”
  4. Then select “JST Server Adapters”

After installed this, you can find server in showview->server.when I add New Server, I can see Tomcat available for selection. Then you can download tomcat and install it 🙂

Step 6: Install SAPUI5 Plugin

First, download the evaluation package from scn. After download, extract everything. Now go to your eclipse under “Help – Install New Software…”. Click “Add” and in the following window “Local…”. Navigate to your directory, where you extracted your evaluation package. Choose the directory “tools-updatesite”. When everything works, you should see the following: plugin Select the entry “UI development toolkit for HTML5” and press finish. The remaining part of the installation should be no problem. Restart eclipse after you complete the installation. Then go to “File – New – Others” and type in the Wizard “SAP”. You should see this (sry, for the german text): project When you choose “Application Project” and complete the wizard, you should have a basic SAPUI5-project and some initial files in your eclipse. Note: If you have a problem in downloading package from svn?? then just follow the below steps..

To install SAPUI5 Tools, proceed as follows:

  1. In Eclipse, choose in the menu bar Help > Install New Software…
  2. In the Install dialog, enter the following update site URL in the Work with entry field:
  3. Press Enter to display the available features.
  4. Select the desired features under UI Development Toolkit for HTML5 and also ABAP Core Development Tools and choose Next.
  5. On the next wizard page, you get an overview of the features to be installed. Choose Next.
  6. Confirm the license agreements and choose Finish to start the installation.

Step 7: Run your Project

Go to your new project and open in the directory “WebContent” the index.html. Then, click on the Run-Button: run In the following window, choose “Run on Server” and press “OK”. The next window shows a listing of all available servers in your eclipse. In this case, we choose our tomcat server and activate the checkbox at the bottom. Click on finish. start

You will see, that your web server will start and an the index.html will shown in an preview window. Congratulation! Now you can start to develop your application and test it on your local machine. To start with development..clickhere


For eclipse with juno:

For code completion sapui5 in eclipse:

One thought on “How to install SAPUI5 in eclipse

  1. Pingback: My First SAPUI5 application | Sathya's Log

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s