Create and run apps on HANA Cloud in SAP Web IDE

Transcription

1 SAP Web IDE How-To Guide Provided by Customer Experience Group Create and run apps on HANA Cloud in SAP Web IDE Applicable Releases: SAP Web IDE 1.4 Version October 2014

2 Document History Document Version Authored By Description 1.0 Customer Experience Group 2.0 Customer Experience Group First release of this guide Update for SAP Web IDE release 1.4 2

3 TABLE OF CONTENTS 1. Business Scenario Background Information Prerequisites Step-by-Step Procedure Create a new application on SAP HANA Cloud Clone the app repository to SAP Web IDE Create a SAP Web IDE app and upload to the repository Activate and test the app on the HANA Cloud Run the application from SAP Web IDE

4 1. BUSINESS SCENARIO SAP Web IDE is SAP s Web-based application development experience based on SAPUI5. It is a nextgeneration 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 To connect to your SAP Web IDE environment, open the browser and enter the URL of your system. You need a valid account on the portal in order to follow the steps shown in this guide and to subscribe to the Web IDE service on this platform. 4

5 ... Create and run apps on HANA Cloud in SAP River RDE 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 4. When the application is ready, click the app name to explore the content. 5

6 5. Currently, there is nothing inside. Click Development. 6. Write down or copy in the clipboard the Git Repository Link for this new app. This is the container where we will put the application created through SAP Web IDE. 6

7 ... Create and run apps on HANA Cloud in SAP River RDE 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 3. In the URL field, paste the link you have got in the previous step, provide your credentials for the authentication (I-user and SCN Password for SAP users) and click on OK 7

8 4. The repository has been cloned. You now have a new empty folder mynewhtml5app in your SAP Web IDE environment. 8

9 Choos e t he menu option Fil e -> New -> Pr ojec t Create and run apps on HANA Cloud in SAP River RDE 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. 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> <title>web Master Page</title> <style type="text/css"> div { width:100px; height:75px; background-color:red; border:1px solid black; } </style> </head> <body> <div>hello, World!</div> </body> </html> 9

10 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. 6. Once you validated that the application works fine, close the preview window. 10

11 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 Commit button. The files will be sent to the local repository. 11

12 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 OK. 12

13 12. If you refresh the cockpit, a new line will appear in the HANA Cloud cockpit for your application. You can see the details such as Commit Message, Author, Authored Date, Committer, Committed date, etc. 13

14 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. 4. Next, click Version Management, locate the version you have just created and click the Activate icon to make this version active. 14

15 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. 7. The application is working as expected. 15

16 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. Note: If you did not get successful result from running the app, you will need to disable the pop-ups lock in your browser to always allow pop-ups from SAP Web IDE. 16

17 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, EDDY, B2B 360, and B2B 360 Services are registered trademarks of Crossgate AG in Germany and other countries. Crossgate is an SAP company. All other product and service names mentioned are the trademarks of their respective companies. Data contained in this document serves informational purposes only. National product specifications may vary. These materials are subject to change without notice. These materials are provided by SAP SE and its affiliated companies ("SAP Group") for informational purposes only, without representation or warranty of any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group products and services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as constituting an additional warranty.