Skip to Content

SAP HANA Cloud Portal Developer Challenge: Building HCP App to fetch Accounts from C4C


The idea behind this is to leverage the SAP Cloud of Customer (C4C) ODATA services. The ODATA services from C4C are used to fetch the relevant data in your application. In this case we are fetching All Accounts (Customers) from C4C.


  1. You should be aware of SAP Cloud for Customer.
  2. Access to SAP Cloud for Customer tenant to use it in this integration.
  3. Knowledge on ODATA and how to use them.
  4. You have HCP trial Account.
  5. You have access to SAP Web IDE.
  6. You have access to HANA Cloud Portal services on trial HCP.
  7. You have created a Fiori Launch Pad in your trial Account.


  1. Open your Destinations option on your trail HCP and setup the new Destination that will be connecting to your C4C tenant. Below screenshot shows how the destination was configured.


          URL maintained above will be your C4C tenant URL.

  2.  Open SAP Web IDE and create new project using template.


  3.  Select your appropriate template and click Next. In my case, I have used SAP Fiori Full Screen App which will my App the similar view as it shows in C4C Account view.

  4.  Application creation wizard starts. Give meaningful name for your App and click on Next.

  5.  On Next step, select the option to insert Service URL and select the Destination which was created on your HCP cockpit.

  6.  Later Add the path from your ODATA completing the complete ODATA URL.


          Press enter and Click Next.

        Note: After pressing Enter, confirm if you don’t get any error. I experienced this gives error for some ODATA URL. Use the URL that throws no error and recognizes the ODATA details.

  7.  Next step is Template Customization. Configure the Template with relevant Elements from the relevant ODATA collection and Navigations.

  8. Once all the configurations are done, click Next and confirm to Finish the Wizard on next step.

  9. Your custom App is ready. Test the App and deploy it on to your trial HCP Account and Register it on the Fiori Launch Pad.

  10. Customize your Fiori Launch Pad to have the URL widget for this App.

Below is the end result of this. This will fetch the data into the Portal and display as below:



This is just an example elaborating how the data from C4C be accessed in few easy steps. This methodology can also be used with different system or ODATA to create basic App which can however be modified to make more robust and it is always possible to add more functionality on it.

Hope this helps many!!



You must be Logged on to comment or reply to a post.
  • Hi Chandan!

    Sorry for replying so late, I was on vacation. Thanks for your great contribution which is of course accepted for the challenge. We will send you soon a participation reward for your contribution. Could you send me your email address via our SAP Portal email account:

    Kind regards and many thanks

      • Hello Chandan,

        Thank you very much for this tutorial.

        I am personally stuck at the Service Information section. When I select the dropdown list, nothing appears but a blue line without any text. It seems it cannot retrieve my destinations from the HANA Cloud Platform. Even the old ones I have since 2014.

        Did you already encountered that?

        Thank you very much for your attention.

        Best regards.


        Incident Destinations not available.jpg

        Incident Destinations not available.jpg
        • Hello Jacques,

          Thanks for spending some time reviewing the blog. 🙂

          The destination which I have created on the HCP shows up in the Service URL. I am not sure why you are not able to see this. Maybe the details that you maintain are inconsistent. Are you sure, the data maintained are correct for system to connect to your destination?

          However I am not sure if this might be reason, but just thought of pointing the possible reasons.

          Also the destination which I have created was having the Basic Authentication configured. Just in case if you want to give the try.

          Let me know in case you discover anything. I am still in learning phase.



          • EDIT:

            My additional properties we wrong. I forgot to add the WebIDEUsage = odata_gen and to replace the RDEEnabled of my previous destinations by WebIDEEnabled.

            Now I can see them in the New Project Wizard.

            Thank you for your attention.


            Original message:

            Hello Chandan,

            Thank you for your help!.

            I have also three destinations configured as Basic to two C4C and one ByDesign.

            What is weird is I can see them in the "Required destination" section of my HTML5 apps. However, I am not able to retrieve them from the configuration of a new Full Screen app Fiori project.

            I will keep you in touch if something fixes this issue.

            Thank you for your attention.

            Best regards.

            Jacques-Antoine Ollier