Provided by Customer Experience Group
Create and run apps on HANA Cloud in SAP Web IDE
Applicable Releases: SAP Web IDE 1.4
Document History
Document Version Authored By Description
1.0 Customer Experience
Group
First release of this guide
2.0 Customer Experience
Group
TABLE OF CONTENTS
1.
Business Scenario ... 4
2.
Background Information ... 4
3.
Prerequisites ... 4
4.
Step-by-Step Procedure ... 5
4.1
Create a new application on SAP HANA Cloud ... 5
4.2
Clone the app repository to SAP Web IDE ... 7
4.3
Create a SAP Web IDE app and upload to the repository ... 9
4.4
Activate and test the app on the HANA Cloud ... 14
1. BUSINESS SCENARIO
SAP Web IDE is SAP’s Web-based application development experience based on SAPUI5. It is a
next-generation cloud-based meeting space where multiple project stakeholders can work together from a common web interface -- connecting to the same shared repository with virtually no setup required. It includes multiple interactive features that allow you to collaborate with your colleagues and accelerate the development of your HTML5/UI5 applications.
2. BACKGROUND INFORMATION
In this How-To Guide, we will provide information on how to create and run a SAP UI5 application on HANA Cloud using SAP Web IDE. SAP HANA Cloud Platform is the in-memory Platform-as-a-Service offering from SAP, which enables customers and developers to build, extend, and run applications on SAP HANA in the cloud. With flexible subscription models and optional services for apps, database, and infrastructure, it provides instant access to the full power of SAP HANA.
3. PREREQUISITES
4. STEP-BY-STEP PROCEDURE
Listed below is the sequence of steps:
1) Create a new application on SAP HANA Cloud 2) Clone the app repository to SAP Web IDE
3) Create an SAP Web IDE app and upload the repository 4) Activate and test the app on the HANA Cloud
5) Run the app from SAP Web IDE
4.1 Create a new application on SAP HANA Cloud
The first step is to create a new application in the HANA Cloud. This operation will automatically create a new Git repository to store all the files for this new application.
...
1. Open SAP HANA Cloud
2. Select HTML5 Applications and create a new HTML5 application by clicking the button New
Application
3. Enter the name of the new app (“mynewhtml5app” in this example) and click Create
5. Currently, there is nothing inside. Click Development.
4.2 Clone the app repository to SAP Web IDE
First, we need to mirror our application created in the HANA Cloud to our SAP Web IDE environment so we can start working with it.
...
1. Open SAP Web IDE
2. Click on File Git Clone Repository
4.3 Create a SAP Web IDE app and upload to the repository
...
In this example, we will create a simple app with only an HTML page for this new application to show the entire workflow. For your own use case, you can create more complex application using one of the standard templates provided from SAP Web IDE.
Choos e t he menu option Fil e -> New -> Pr ojec t
1. Open SAP Web IDE
2. Select the ‘my newhtml5app’ application we have just created, and click the New File button on the toolbar.
3. Type index.html as the name of the file and click Create.
4. Copy and paste the following code in the file and save it:
<!DOCTYPE HTML> <html>
<head>
5. Keeping the index.html file selected, click the Run button on the toolbar. This will run the application in the preview window of SAP Web IDE to test that the app is working fine.
7. Click on View Git Pane to open the SAP River Git client
8. When the Git Pane shows up, be sure the “mynewhtml5app” application is still highlighted. In the Git Pane you should see that there are two files (the one we created and another created automatically by SAP Web IDE to store the project’s settings).
9. Check Stage All box to mark all the files for staging. Enter the Commit Description and click the
After the commit task, a new line will appear in the Unsynced Committed Changes section. This means that our files are ready to be submitted to the remote repository (to be sent to the HANA Cloud and store there). Click on the Push button and select ‘origin/master’
10. Enter your logon credentials and click OK.
11. Pop up window will display ‘Push completed’. Files have been sent to HANA Cloud repository. Click
4.4 Activate and test the app on the HANA Cloud
...
The application we just created needs to be activated first before it can be run. Choos e t he menu option Fil e -> New -> Pr ojec t
1. Open HANA Cloud and go back to your app
2. Select the new app line and click Create Version icon to create a new version. Enter ‘1.0’ and click
Add.
3. The new version is now created.
5. A popup window will appear with a statement asking if you want to restart the application, click Yes.
6. The version ‘1.0’ is now active. Click on the version number ‘1.0’ to execute the application.
4.5 Run the application from SAP Web IDE
...
This is our final step. We will launch this new app from SAP Web IDE. Choos e t he menu option Fil e -> New -> Pr ojec t
1. Open SAP Web IDE
2. Select the index.html file inside your application and click on Run Run on SAP HANA Cloud
3. The Account information and your credentials are auto-populated by SAP Web IDE. Enter your password and click Run.
4. The application is successfully executed in the HANA Cloud platform.
© 2014 SAP SE. All rights reserved.
SAP, R/3, SAP NetWeaver, Duet, PartnerEdge, ByDesign, SAP BusinessObjects Explorer, StreamWork, SAP HANA, and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE in Germany and other countries.
Business Objects and the Business Objects logo, BusinessObjects, Crystal Reports, Crystal Decisions, Web Intelligence, Xcelsius, and other Business Objects products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of Business Objects Software Ltd. Business Objects is an SAP company.
Sybase and Adaptive Server, iAnywhere, Sybase 365, SQL Anywhere, and other Sybase products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of Sybase Inc. Sybase is an SAP company. Crossgate, m@gic EDDY, B2B 360°, and B2B 360° Services are registered trademarks of Crossgate AG in Germany and other countries. Crossgate is an SAP company.
