SAP UI5 in HCP

Using Web IDE in HCP

Arindam Chatterjee

Executive Summary

Go to the HCP trail account home page and register/log in.

Once you are in the cockpit of HANA Cloud Platform, go to Subscriptions.

Initially the table would have NO ENTRY. Click on New Subscription to add one.

Select sapwebide and click on Save.

A subscription entry for sapwebide will appear on the table.

Click on the entry in the table and it will bring you to the above page. Click on the Application URL

HCP Web IDE will open like the above screen.

Go to create a new project from template.

Select appropriate template and select Next.

Give a name to the new project and click on Next.

Select the view type. SAP recommends XML/JS. Change the View Name from default value to view.

Click on Finish.

The new project will get created as per the highlighted structure.

Come back to local Eclipse. Check the HDD location of the UI5 project, which you will be deploying in

The folders highlighted in the right hand side picture, has to be created in the Web IDE project,
manually. The files highlighted, has to be imported manually, too.

Import the files, manually.

 The final project folder structure should look same as shown in

the image at the left.
The files are taken from the local eclipse project as shown in
the previous slides.
The index.html will overwrite the pre-existing version.
The files have to be imported one-by-one.

Go to Run -> Run As -> Web Application to run and test the application in development

Application preview in development environment. The resolution is adjustable.

Deploy the application in SAP HANA Cloud Platform (HCP).

Use your trial account credentials.

Go back to cockpit dashboard to check the deployed application status.

UI5 applications are enlisted under HTML5 applications. Click on your application from the list.

From the application overview page, visit the Application URL to go to the deployed version of the

Application deployed in HCP.