How To Deploy and Run SAPUI5 Application On ABAP Server

9/8/2017 How to Deploy and Run SAPUI5 application on ABAP Server | SAP Blogs
Products
Products Industries
Industries Support
Support Training
Training Community
Community Developer
Developer Partner
Partner
About
About

Home / Community / Blogs + Actions
How to Deploy and Run SAPUI5 application

on ABAP Server
June 15, 2013 | 15,366 Views |
Chandrashekhar Mahajan
more by this author
SAPUI5
SAP Enterprise Portal | abap server | bsp application | deploy ui5 project | odata | run sapui5 application | sapui5 | ui5
share
1 share
0 tweet share
0
Follow
Introduction
https://blogs.sap.com/2013/06/15/how-to-deploy-and-run-sapui5-application-on-abap-server/ 1/30
In my earlier blog, we saw how to create SAPUI5 application consuming OData

service.
In this technical article, we will see how we can deploy and run SAPUI5
application on SAP ABAP server.
Prerequisite
To run application on ABAP server, we need to have ABAP Development tools

and SAPUI5 ABAP Repository Team Provider plugin installed into your Eclipse
IDE.
And on backend SAP system, you need to have below components.
Before deploying this application into SAP ABAP AS, if we see Run As menu, it
will display below options. Once it will get successfully deployed, it will show
option for testing on ABAP server.
Procedure
As displayed below, we need to right click on Project and go to menu Team >
Share Project.
Select repository type as SAPUI5 ABAP Repository.
In this step, you need to configure connection to SAP system where you want to
deploy your SAPUI5 application.
After successful connection to SAP system, it will display properties of

connection.
On click of Next button, logon screen will be displayed. Provide credentials of

SAP system.
Now you will be provided with 2 options as below. We will select option to
create new BSP application. By default, name of BSP application will be
selected as your SAPUI5 project name. But in that case, you will get error
message as displayed in below screen.
You need to give Z* name to your BSP application. Also you can browse
package and select required package in which you want to save your BSP
application.
In this step, you can perform selection of Transport Request. You will be
provided with below 3 options.
You will get below kind of popup message for Server Runtime Version Check.
Click OK.
Final step of the deployment will be submitting the project. Select option Team
> Submit.
As displayed below, it will ask resources to submit. Click on Finish.
With this step, SAPUI5 application will get deployed to SAP ABAP AS Server
and SAPUI5 project structure will look like as below.
Notice the changes between before and after deployment.
Also you will see now Run on ABAP Server option got added as displayed
below. By selecting this option, SAPUI5 application will run on ABAP server.
Here you can see URL path which is nothing but the BSP application URL path
got created in SICF transaction.
If you see in backed SAP system, BSP application will get created as displayed
below.
Also you can see service getting created under the path
/sap/bc/ui5_ui5/sap/zflightdemo in SICF transaction.
Closing Remarks
We can easily deploy and run SAPUI5 application on ABAP server. Basically, in
the backend SAP system, BSP application gets created when we share and
submit SAPUI5 project.
Updates (Resubmitting UI5 project)
We can easily resubmit the changes done to the UI5 application. after doing
changes in UI5 application, you need to again submit the project. in that
case, you will see below screen with operation as Update.
I created UI5 application with input field and submitted as explained in this
technical article. below is the screen of BSP application executed which I
created for UI5 application.
After that, I added TextView UI element and again submitted the project. I
again executed BSP application which reflected back the changes I did to
my UI5 application.
Alert Moderator
45 Comments
You must be Logged on to comment or reply to a post.
Naveen Inuganti
July 30, 2013 at 3:53 pm
Hey.. I am not getting Run on ABAP server. Any idea? Do we need to manually add
it?
I can still see my BSP in SAP system and I can get the link from there.
Thanks,
Naveen.I
Chandrashekhar Mahajan Post author
July 31, 2013 at 4:56 am
We need not to add it manually. It came automatically once i submitted

the project.
I am not sure why it is not displaying this option for you.
Regards,
Chandra
Naveen Inuganti
July 31, 2013 at 6:39 am
Okay, I will figure it out.
I have one more question, when I re-submit my project

from UI5 to SAP BSP, latest code changes are not working
as expected.
For example,
1. Create a page with on input field
2. Submitted project to SAP server
3. BSP created and I can run this BSP to see the page that
I created
4. Applied some changes to UI5 project, lets say added
second input field.
5. This code change is working as expected when I test in
local host
6. Submitted this project to SAP sever
7. I can see my new code lines in BSP view/coontroller
8. Execution of this BSP is taking me into first screen

where I have single input field
I tried this in all browsers by clearing history, cookies.

Also, deleted cache in my SAP system.. still not working..
Now, If I create new BSP, I mean if I submit this project to

new BSP.. its working there. Same story repeats if I apply
further changes.
Thanks,
Naveeen. I
July 31, 2013 at 10:57 am
Hi Naveen,
I did the exact steps and able to re-submit

changes. Please see the updates section of
this article for more information.
Regards,
Chandra
Neeta Thankachan
February 25, 2015 at 3:35 pm
Hi Chandrashekar,
Thanks very much for the blog.It was really helpful.
Once i complete my SAPui5 development ,if i have to ship

the SAP ui5 application as a package is it that we need to
first deploy it in abap server from eclipse and then package
it from the abap server ?
I am not aware of what to do inorder to ship the application

to customer.Please guide me here.
Thanks and Regards

Neeta
Neeta Thankachan
March 5, 2015 at 11:49 am
Hi Chandarshekar,
We have two separate system,gateway components in one

system to act as gateway server and iw_bep components
on the SAP backend system.Now i would like to know the
SAPUi5 application needs to be deployed into backend sap
system with iw_bep component or to the gateway system?
Kindly provide your valuable input here .
Thanks and Regards
Neeta
March 5, 2015 at 12:15 pm
Hi Neeta,
It means you are having Hub Deployment

architecture (SAP Gateway deployment
options in a nutshell)
In your case, you need to deploy SAPUI5

application on Gateway Hub system also
known as frontend server.
So typically the development of OData

services will happen in backend sap
system(iw_bep) and then these services will
be registered on Gateway Hub system. In UI5
application, these services will be consumed
and then you need to deploy the application
on this Hub system.
Regards,
Chandra
Neeta Thankachan
March 5, 2015 at 12:23 pm
Hi Chandra ,
Thanks a lot for your response
In SAP netweaver gateway

system is there any other way to
deploy the sapui5 application
manually other than with the
eclipse team provider plugin.Can
i use the report
/UI5/UI5_REPOSITORY_LOAD? to
upload the project into sap
system?In that case whts the
format of the file i need to upload
?
What are the other components i

require in gateway system if i am
uploading manully?
How can i make sure all my ui5

libraries are available in sap
gateway system?So once after
creation of the BSP the application
will run smoothly .
Thanks and Regards

Neeta
Joao Sousa
March 16, 2015 at 11:51 pm
In that report you select the base

folder of the project, not a
specific file. I use that report a
lot, since I dont use eclipse for
SAPUI5.
Neeta Thankachan
March 6, 2015 at 10:05 am
Hi Chandra,
When i tried deploying my sapui5

application from eclipse to the
sap gateway system version 7.4 i
get the followiing error
System failure: Screen output

without connection to user. (For
detailed information, check the
generated short dump in
transaction ST22 of system XD1)
When i checked in ST22 i get the

or analysis
Attempt made to send an image
to a user during background
processing.
Current screen:
SAPLSTRD
0353.
Kindly guide me here .
Thanks and Regards

Neeta
Hans-Joerg Alles
August 28, 2015 at 11:24 am
Hello Naveen,
i am using Eclipse Kepler with the SAP Plugins. I can deploy the
SAPUI5-Projekt on the SAP AS Server, but i dont see RUN ON ABAP
Server as you told. Did you already find the solution ?
Regards
Hans-Jrg
Robbe Wuyts
August 8, 2013 at 12:13 pm
Hi,
Everything works, until I try to test my application. When I test my BSP application in
the Repository Browser in the SAP backend, I get the same error as when I try to run
in in eclipse.
Service cannot be reached
What has happened?
URL call was terminated because the corresponding service is not available.
Note
The termination occurred in system with error code 403 and for the reason Forbidden.
What can I do?
Please select a valid URL.
HTTP 403 Forbidden
Your SAP Internet Communication Framework Team
Anyone who can help me?
Thanks
August 9, 2013 at 6:15 am
Hi,
This error means that your service is not active. Please check the
service in SICF transaction and check if it is active or not. Activate it and
then retest it.
Regards,
Chandra
Robbe Wuyts
Thanks C.M., it works now!
Silke Arians
Thanks for this nice blog I hope you can also find all needed information about the
topic in our Demo Kit documentation under
https://sapui5.netweaver.ondemand.com/sdk/#docs/guide/UI5BSPRepository.html
Best regards
Silke (UI5 Tools)
August 9, 2013 at 11:11 am
Thanks for the UI5 docu link !
Naveen Inuganti
August 10, 2013 at 6:44 am
Hi Silke Arians,
Do you have any inputs on my below question.. I am using 7.31 version!
When I re-submit my project from UI5 to SAP BSP, latest code changes
are not working as expected.
For example,
1. Create a page with on input field
2. Submitted project to SAP server
3. BSP created and I can run this BSP to see the page that I created
4. Applied some changes to UI5 project, lets say added second input
field.
5. This code change is working as expected when I test in local host
6. Submitted this project to SAP sever

7. I can see my new code lines in BSP view/coontroller
8. Execution of this BSP is taking me into first screen where I have
single input field
I tried this in all browsers by clearing history, cookies.

Also, deleted cache in my SAP system.. still not working..
Now, If I create new BSP, I mean if I submit this project to new BSP.. its
working there. Same story
Silke Arians
August 12, 2013 at 6:27 am
Hello Naveen,
Please see mentioned Demo Kit docu above under sub

chapter Testing the SAPUI5 Application Project on the
ABAP Server and Cache Behavior for Application
Resources regarding caching.
After deleting the browser cache you should see the latest
changes.
Best regards
Silke
Naveen Inuganti
August 12, 2013 at 8:11 am
ah! I was not doing this from developer

tools yes, after CTRL + R from IE, its
working fine.
Thank you!
Eric Young
December 4, 2013 at 7:18 pm
Hello,
Our environment currently uses CTS Plus to manage transports. Was wondering
how you would take care of the change in the service URI once the application has
been transported to a different environment? For example, the gateway service URI
would be different from Dev to QA to Production.
I was thinking of using the JavaScript function document.URL to retrieve and parse
the URI from within the application. Is this a viable solution or does SAPUI5 provide
a more elegant solution?
Thanks,
Eric
July 16, 2014 at 10:25 am
Hi Eric,
Sorry for replying so late. Somehow I missed your comment.
Answer to your question is, we should always use relative OData

service URI as it will not cause any issue while transporting application
to Dev to QA to production.
Regards,
Chandra
Vidya Goruganthu
September 12, 2014 at 11:07 pm
Hi Chandrashekar,
Thanks for the detailed description .
When I try to test the BSP application , I cant see data coming through the table.
My application runs fine on local host and not on the ABAP server. Please advice.
Thanks,
Vidya
September 13, 2014 at 7:47 am
Hi Vidya,
Please check if your are getting any error while running application on
ABAP server.
open the application in chrome browser and then press function key
F12 to open the developer console. There you can check if you are
getting any errors.
Regards,
Chandra
Vidya Goruganthu
Hi Chandra,
I did test in chrome and found
Uncaught Error: failed to load

Flightres/resources/list.view.js from
./Flightres/resources/list.view.js: Error: failed to load
Flightres/resources/utils/utility.js from
./Flightres/resources/utils/utility.js: SyntaxError:
Unexpected token ILLEGAL . Adjusted code
accordingly.Not sure why it is failing.Please advide.
Regards,
Vidya
Vidya Goruganthu
Hi Chandra,
I figured out why it was failing. I did couple of

changes in view.js and utility.js thinking on
ABAP coding path. So I reverted these
changes. But the main thing was the service

URL which was denying to display service in
connectivity.js
localhost in eclipse contains
var serviceUrl =
proxy/https/server/sap/opu/odata/sap/Z_Fligh
t_res
Where as BSP Application should contain
//Root URL for the service
var serviceUrl =
/sap/opu/odata/sap/Z_Flight_res/;
Hope this helps others!!
Regards,
Vidya
Chandrashekhar Mahajan
Post author
yes when we deploy the code to

ABAP AS (basically GW server
and also known as front end
server), the service URL should
be relative url to gateway server
and not to be started with proxy/
you can refer this SAPUI5 SDK

Demo Kit for configuring
SimpleProxyServlet to test the
application locally.
Regards,
Chandra
Christian Schuff
Where can I find a similar guide for the Java stack?
BR
Chris
Markus Reich
December 23, 2014 at 1:16 pm
When I try to share with an ABAP System I get the error message
Selected system does not support the Team Provider feature
in Eclipse Wizard?
Robbe Wuyts
January 9, 2015 at 2:24 pm
Markus,
Thats probably because your system version is lower than 7.31.
Guillaume GARCIA
Hi,
Is there any documentation about the other available options:

SAP HANA Repository
Semantic File System
Besides, when a project is shared using an option, is it required to always disconnect

before changing the share option. For instance, I want to push my project to ab
ABAP Repository but also use GitHub for versioning.
Last but not least, how do I force Disconnect, when Semantic File System is
chosen, this action (Disconnect) is no longer available and Im stuck with it
Thanks in advance.
Best regards,
Guillaume
Avinash Chilukuri
Hi,
I have deployed SAPUI5 application on ABAP Server and while I try to test my
application on browser its says
File sap/z_bp_sapui5_ac1/webcontent/index.html NOT found!
can any one help me
Best Regards,
Avinash.
Santhosh Gowda
Hi Avinash,
It clearly shows your ui5 application doesnt content index.html. open
your web.xml and check for
<welcome-file-list>
<welcome-file>index.html</welcome-file>
</welcome-file-list>
if 1st you need to display any other html file, please give that name in
welcome- file list.
regards,
santhosh
Avinash Chilukuri
March 2, 2015 at 10:11 am
Hi Santhosh,
Thanks for the reply, I have checked for welcome-file-list and I found it, what do you mean
by (1st you need to display any other html file, please give that name in welcome- file list.) can you
help me with this.
Regards,
Avinash
chetna dabra
March 18, 2015 at 6:49 pm
Hie chandra,
What all components do we require at SAP Netweaver 7.40 ABAP server (backend)
in order to deploy SAPUI5 application?
Do we require any components at all for this new version??
If yes then from where to get them or how to access them at backend?
You may find this question a little out of place or may be inappropriate, but being new
to this platform, i am not able to figure out even simple things sometimes.
Thank you so much for writing such a great blog,

Best regards,
Chetna
Silke Arians
March 19, 2015 at 7:13 am
Hi Chetna,
please refer to the SAP Help Portal under

http://help.sap.de/saphelp_nw74/helpdata/en/91/f346786f4d1014b6dd9
26db0e91070/content.htm where the following is mentioned:
As of SAP NetWeaver 7.4 SP1 all required SAPUI5 parts are already
part of software component SAP_UI, so you do not need any additional
backend component in 7.40.

Installation Guide for the Eclipse Plugins can also be found under in
SAP Help Portal under
http://help.sap.de/saphelp_nw74/helpdata/en/f2/5b203ec8254605a3bcb
c07734b3c20/content.htm
Instead of Eclipse we now also offer a web based development tool

called SAP Web IDE running on the SAP HANA Cloud Platform which
also has a deploy to ABAP feature. For more information about SAP
Web IDE please refer to http://scn.sap.com/docs/DOC-55465/. In case
of questions about SAP Web IDE please use their SCN page.
Best regards
Silke
chetna dabra
April 2, 2015 at 7:26 am
A very helpful article. Each and everything included.

Thank you for sharing
Best Regards,
Chetna
Felipe Forero Guzman
May 6, 2016 at 5:08 pm
Hello !
I am getting an error in step Logon to System. After I introduce my usr/pssw the
next message popup appears:
Any idea ?
Thankyou
Felipe Forero Guzman
May 6, 2016 at 7:50 pm
Hello again !
The above error appears when using NWDS7.5 SP3. Trying to fix this
issue in this IDE might be hard. If anyone manage to fix this, I hope to
see the solution here!!
Anyway, with a Eclipse Mars2 the problem does not appears and
deploying the app works fine. Ofcourse you will need to Install New
Software first.
With Eclipse Mars2 this url https://tools.hana.ondemand.com/mars also
works.
Matthias Schmalz
May 9, 2016 at 8:23 pm
Hi,
could you please compare the version of the installed

plugin com.sap.adt.communication of both Eclipse
installations. Maybe one of them is newer and solves
problems. It is unlikely that the Eclipse version itself is
causing the problems.
Regards Matthias
Simone Milesi
June 15, 2016 at 11:26 am
Great great great!

Thanks for the article, really clear and useful.
A little tip: add the note to convert to the correct end of file character to avoid error in
submit (File -> Convert line delimiter to -> Windows) to avoid the error wrong EOF,
should be CR+LF
Sam Sam
June 21, 2016 at 1:14 am
It was really nice article. Thanks for sharing such a nice one!!!
Daniel Su
July 16, 2016 at 9:15 am
Hi Chandrashekhar,
First, thank you for your blog, its very useful.
But I occur the following problems

1. When I Team -> Submit on my project, have error message.
2. I have no menu: Run As -> Run on ABAP Server
Can anyone help me resolve this issue.

Thank you very much.
Best Regards,
Daniel
Matthias Schmalz
July 16, 2016 at 10:41 am
Hi Daniel,
as specified in the error message theres a missconfiguration of the
virus scan profiles on your ABAP backend system. It looks like the used
virus scan profile has been activated but not configured properly. Either
disable the virus scan profile (dont delete it) or fix the configuration.
As no files could be submitted, theres no URL to run on the ABAP
server yet.
Best regards
Matthias
Bhavin A Shah
November 4, 2016 at 12:56 pm
Hi Chandrashekhar,
I have added following question related to the sharing a project with UI5 repository
on SCN and I am not able to do find the solution for the same.
https://answers.sap.com/questions/48470/eclipse-neon-logon-to-system-failed.html
Could you please help on the same if possible.
Regards,
Bhavin
Karthik S
Hi Chandra,
I had developed one UI5 project in eclipse. I have not deployed on ABAP server.
Now my query is shall i able to consume the odata from gateway server in my
undeployed ui5 application. Because when I run the odata url in browser, I am
getting a xml data. Similarly when i try to read the data from serviceurl in ui5 app, its
not showing anything. I have passed the relevant parameters in odata read
operation. Still odata is unavailable.
Share & Follow

Privacy Terms of Use Legal Disclosure Copyright Trademark Sitemap Newsletter
Privacy Terms of Use Legal Disclosure Copyright Trademark Sitemap Newsletter

How To Deploy and Run SAPUI5 Application On ABAP Server

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

How To Deploy and Run SAPUI5 Application On ABAP Server

Hochgeladen von

Copyright:

Verfügbare Formate

9/8/2017 How to Deploy and Run SAPUI5 application on ABAP Server | SAP Blogs

How to Deploy and Run SAPUI5 application

In my earlier blog, we saw how to create SAPUI5 application consuming OData

To run application on ABAP server, we need to have ABAP Development tools

And on backend SAP system, you need to have below components.

Select repository type as SAPUI5 ABAP Repository.

After successful connection to SAP system, it will display properties of

On click of Next button, logon screen will be displayed. Provide credentials of

As displayed below, it will ask resources to submit. Click on Finish.

Notice the changes between before and after deployment.

Updates (Resubmitting UI5 project)

July 30, 2013 at 3:53 pm

Chandrashekhar Mahajan Post author

July 31, 2013 at 4:56 am

We need not to add it manually. It came automatically once i submitted

I am not sure why it is not displaying this option for you.

July 31, 2013 at 6:39 am

Okay, I will figure it out.

I have one more question, when I re-submit my project

8. Execution of this BSP is taking me into first screen

I tried this in all browsers by clearing history, cookies.

Now, If I create new BSP, I mean if I submit this project to

Chandrashekhar Mahajan Post author

July 31, 2013 at 10:57 am

I did the exact steps and able to re-submit

February 25, 2015 at 3:35 pm

Thanks very much for the blog.It was really helpful.

Once i complete my SAPui5 development ,if i have to ship

I am not aware of what to do inorder to ship the application

Thanks and Regards

March 5, 2015 at 11:49 am

We have two separate system,gateway components in one

Chandrashekhar Mahajan Post author

March 5, 2015 at 12:15 pm

It means you are having Hub Deployment

In your case, you need to deploy SAPUI5

So typically the development of OData

March 5, 2015 at 12:23 pm

Thanks a lot for your response

In SAP netweaver gateway

What are the other components i

How can i make sure all my ui5

Thanks and Regards

March 16, 2015 at 11:51 pm

In that report you select the base

March 6, 2015 at 10:05 am

When i tried deploying my sapui5

System failure: Screen output

When i checked in ST22 i get the

Kindly guide me here .

Thanks and Regards

August 28, 2015 at 11:24 am

August 8, 2013 at 12:13 pm

Service cannot be reached

What has happened?

What can I do?

Please select a valid URL.

HTTP 403 Forbidden

Your SAP Internet Communication Framework Team

Anyone who can help me?

Chandrashekhar Mahajan Post author

August 9, 2013 at 6:15 am

August 9, 2013 at 9:52 am