Quantcast
Channel: SAPUI5 Developer Center
Viewing all articles
Browse latest Browse all 789

How to use OData service exposed via Integration Gateway (on-premise) with SAP Web IDE Cloud

$
0
0

Hello Developers,

 

Well, I heard a lot about SAP Web IDE and thought of getting my hands dirty. Here, I am trying to use OData service exposed via Integration Gateway (on my local machine in SAP Mobile Platform 3.0) with SAP Web IDE cloud version.

Never heard about Integration Gateway?

 

        

 

Tools required: SAP Mobile Platform 3.0 SP04, Eclipse Kepler with SAP Mobile Platform Tools plugins added, SAP HANA Cloud Connector

 

I have already exposed one of the publicly available Article SOAP web Service into OData services via Integration gateway in SMP3. (Ref link)

 

This is how it looks like:

 

          

          articleservice.png   

 


Setting up SAP HANA Cloud Connector

 

Prerequisite: Download SAP JVM for Windows sapjvm-7.1.024-windows-x64.zip or JDK 1.7

Set Env variables  JAVA_HOME : C:\Program Files\Java\jdk1.7.0_67

                          PATH: C:\ProgramFiles\Java\jdk1.7.0_67\bin;C:\WINDOWS\system32;C:\WINDOWS;

 

Steps:

 

1. Download HANA Cloud Connector from SAP Development Tools for Eclipse (sapcc-2.4.3-windows-x64.zip)

2. Extract the downloaded zipped file. Run go.bat command


        gobat.png


3. Once done, run https://localhost:8443/run it in a browser

 

Don't close command prompt window as per step #2

As i was trying to install SAP HANA Cloud Connector on Windows 8.1 OS and as per official information it doesn't support. As a workaround have tried copying sapscc20jni.dll file from auditor folder at sapcc-2.4.0-windows-x64 into Windows\System32 (Reference)


                    (User Name: Administrator, Password: manage (default))              


               hcclogin.png       


4. Choose Installation type: Master (Primary Installation)>Apply

5. Change the login password

6. Set up Initial Configuration (for more info: check http://account.hanatrial.ondemand.com/)

     Enter proxy details if any.


        iniCong.png

      

     This is how it looks like: Status :CONNECTED


          statusconnectd.png



7. Since OData service has been deployed on my local machine and to access on-premise resources from cloud platform, I need to open secure connection between on-premise network and cloud. I need to make sure what kind of resources I want to expose from on-premise to SAP HANA cloud system, for that go to Access Control

Add system mapping:

 

          addsystemmapping.png

 

 

ParameterValue
Virtual HostAny name of your choice
Virtual PortAny number of your choice
Internal HostSMP server host name ('jk' in my case)
Internal Port

Port on which OData URL (Exposed via Integration Gateway) is listening

(https://jk:8083/gateway/odata/SAP/ARTICLESERVICE;v=2/)

ProtocolHTTPS
Back-end TypeThere is no option to related to SMP and Integration gateway so selected 'SAP Gateway'

 

8.Now, I want to decide which resource path I have to select 


            addresource.png


As you can the green icon (state of each entry)


             status.png

Setting up SAP HANA Cloud Platform

 

It's time to set up SAP HANA Cloud account and have to create destination to exposed resources in SAP Mobile Platform server.


9. Login to SAP HANA Cloud Platform> Cockpit (Requires SCN username and password to login)

  • Create a new destination >Save

 

     destinationDetails.PNG


URL:https://virtualhost:virtualport (as per step #7)

Proxy Type: As OData service resides on on-premise system

Authentication: Basic Authentication (Credentials to access Odata URL: smpAdmin, s3pAdmin)


Additional Properties:


 

WebIDEEnabledtrue
WebIDESystemIGWDestination
WebIDEUsageodata_gen


Value for the parameter WebIDEUsage is important otherwise you won't be able to pick your destination from the Service URL combo box when creating a new project with the template wizard. (Step #14)


In general, the value for the parameter WebIDESystem is SID of the gateway system but in case of SMP (Integration Gateway) it's value doesn't need to be anything special. Normally, in order to see the destination working, i have assigned to the webIDESystem the same string used for the destination name. i.e. IGWDestination


10. Go to Subscriptions >launch SAP Web IDE


          subscription.PNG


 

Create a project in SAP Web IDE (Cloud)


11. File>New>Project from Template


          projectfromtemplate.PNG         


12. Select "SAP Fiori Starter Application" as the template > Next


         sapfioritemplate.PNG

13.Basic Information> Give any project name of your choice


          projName.PNG              

    

14. Data Connection> Service URL > select "IntegrationGateway" from the drop-down (as per step #9)

  • Paste the URL : /gateway/odata/SAP/ARTICLESERVICE;v=2

 

          beforetest.PNG

   

  •   Test connection . This is how it should like:

              

               aftertest.PNG


15.Template Customization

 

    We will having one master section and one detail section,provide information and Finish.



    masterdetailsection.PNG


16.  You can see auto-generated artifacts for this project. Select "index.html" > Run

 

 

                 

 

 

               outpur.PNG

 

        

Big thanks to Virinchy P , Markus TolksdorfSIMMACO FERRIERO for great support.


References:


Video links: SAP Web IDE - YouTube, Krishna 's self explanatory videos

Forums to follow: SAP Mobile Platform Developer Center , UI Development Toolkit for HTML5 Developer Center

Useful link: SAP Web IDE - Enablement

 

Regards,

JK (@jkkansal1987)


Viewing all articles
Browse latest Browse all 789

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>