How to deploy a simple SAPUI5 application into ABAP server using Eclipse.

[Former Member]

Hello All,

This blog explains you how to deploy a SAPUI5 application into ABAP server.

1. How to install Eclipse.

Installing eclipse-jee-juno-SR1-win32.

To download and install please visit the below link.

http://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/junor

Click on windows 32-bit, it will download one zip file.

Go to the eclipse download path and extract the eclipse juno rar file. Open the eclipse folder and double click on eclipse.exe

Note: Before doing that we have to install jdk in our system. And set the jdk path.

2. How to install SAPUI5 packages in Eclipse.

Click Help > Install new software.

Click on "Add" button.

In the above window specify Name as sapui5 and in Location give the below link and Click "ok".

https://tools.hana.ondemand.com/juno

Click on Select All and Click Next.

Choose I accept the terms of the licenses agreement and Click on Finish.

3.How to Install Tomcat 7

To download Tomcat visit the below link.

http://tomcat.apache.org/download-70.cgi

How to Integrate Tomcat 7 to Eclipse juno

Select Windows and click on Preferences in Eclipse.

Choose Server and click on Runtime Environment and click on Add.

Select Apache Tomcat v7.0 and click on Next.

Click on Browse.

And specify the path directory and click on Finish.

4.How to Create a Simple Hello World Project

Open Eclipse → Click File and select new option → Select Project.

In New Project window choose SAPUI5 Application Development and click on Application Project →and Click on Next.

Enter your Project name and Click on Next.

Select the Development Paradigm as JavaScript or XML or JSON or HTML click on Finish.

MVC structure of  in Eclipse

• Index Page
• Controller Page
• View page

Index File for Hello World Project

Below screen short shows the index file.

View File for the Hello World Project

View file is used for web Page View purpose.

Below screen short is View code.

.

Controller File for Hello World

Controller part is used to write the functionalities.

Below screen short is Controller code

Output

5.How to share or upload a project in ABAP server system.

Open Eclipse.

In project Explore Right click on project name and choose Team and click on share.

Share project repository window will open, in that choose SAPUI5 ABAP Repository and click on Next.

Click on Browse and select system details and click on OK.

Click on Next.

Enter the client number, username and password details and click on Next.

Next we will get SAPUI5 Repository window, in that choose create a new BSP Application.

Enter the details like Name, Description and Package.

Click on Next----> Finish.

After sharing the project into the server we have to submit the code.

Right click on the project and select Team and click on submit.

Click on Finish.

Best Regards,

Mohanbabu D.