Skip to Content
Technical Articles
Author's profile photo Suneeth Pillai

SAP Cloud Connector cockpit : A Hobby project built on Node JS , HTML and CSS

SAP has released quite a big list of APIs for SAP Cloud Connector .

I recently noticed this wonderful blog written by philipp.stehle describing the CLIs created by Philipp and was inspired to test out the APIs

I am a Basis Consultant who has recently started learning node js .

So, I started working on this idea to test out the APIs with node as a learning process .Picked up a bit of HTML and CSS on the way from Youtube videos and online tutorials and overall it was a lot of fun.

 

What does this Application do ?

We often come across situations where have to manage a lot of cloud connectors . Logging into each of the cloud connector for troubleshooting , and for monitoring can be a tedious task.

This application intends to provide a central cockpit where you can add all of your cloud connectors and monitor them all using very few clicks

The code has been uploaded to this public git repo 

Feel free to clone and improve as required

 

How to use this Application ?

1] Install Node and Git on your machine

2] Clone the repo to your machine

3] start the application using ‘node index.js’

4] You can access the application on port 3000.  So, if you start the application on your laptop – you can use https://localhost:3000 to access the application

5] As you launch the application – you will see a button to ‘Add CC’ . Start off with adding a CC and click on submit .

6] Once you add the CC- you should see it in the dropdown . Click on ‘Get Details ‘ to retrieve basic information on the cloud connector . And you will then find additional buttons enabled to Get HA details and list of connected subaccounts

7] As of now  i have only used all read or ‘GET’ APIs and the application does not make any change on your cloud connector however please feel free to build any additional functionality

There is also a readme file in the GIT repository with detailed information on how to setup your machine , clone the repo and start the application

Below are the list of APIs used to build this application

GetCommonProperties  to get basic details of the CC

GetConfiguration to get HA config details

GetHAState to get additional HA details and state

GetConfigurationShadow to get HA details of the shadow system

GetHAStateShadow to get additional HA details of the shadow system

GetSubaccounts to get list of connected subaccounts

GetSystemMappings to get all system mappings

 

Below is a short video with a sneak peek into the tool

 

You can easily test it out on your Windows Computer by installing a couple of Portable cloud connector instances, setting up HA between the instances and connecting it to a trial BTP account .
Have fun !

Assigned Tags

      8 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Morten Wittrock
      Morten Wittrock

      Nice work 👍

      Author's profile photo Abhishek Sinha
      Abhishek Sinha

      An excellent writeup summarising the steps would be a good reference point while starting to work on it.

      Author's profile photo Harish Desai
      Harish Desai

      It was really good and easy to setup from Blog.

      But with in same tool, if we have any option to navigate to cloud connector directly, it would be very useful. We have given already link and creds.

      Not sure how can we achive this as this needs change in code.

      Author's profile photo Suneeth Pillai
      Suneeth Pillai
      Blog Post Author

      Hi Harish,

      Thank you for the feedback. It would indeed be really useful to navigate to cloud connector directly .

      I have added a new branch in the git repository called 'featureurl' with the requested changes. Now when you click on 'Get Details ' button - the cloud connector URL in the 'Host' column should be clickable and it will open the URL in a new window on clicking

      Author's profile photo Harish Desai
      Harish Desai

      Hi Suneeth,

      Thank you very much for adding feature so quickly. It works perfectly.

      Just one qustion, the crdentials we have given when adding CC will be stored in the code. So is there any possibility to use same and directly get into cloud connector rather than entering credentials again.

       

      Regards,

      Harish

      Author's profile photo Harish Desai
      Harish Desai

      Hi Suneeth,

      can we host this app in linux machine. 

       

      i am able to access the app when i hosted this from my desktop , using localhost:3000 but when i move this code to linux machine for centralize url lets say some machine <linux_host>:3000 , i am able to access the home page , but adding connector information give me the error in submit "unable to retrieve the description" and status is not reachable. 

      Any suggestions on this.

      Regards,

      Harish Desai

      Author's profile photo Harish Desai
      Harish Desai

      Hi Suneeth,

       

      We are able to over come issues mentioned above. Can you let us know where can we cleanup added Cloud connectors in case some entries not needed.

      Regards,

      Harish

      Author's profile photo Suneeth Pillai
      Suneeth Pillai
      Blog Post Author

      Glad that you were able to fix the issues. I do not have a linux server handy with me to test the program on a linux machine but it should work the same as you running it on a local windows PC .

      The feature to cleanup is not added at the moment. I will try to add it over the coming week .
      You can manually and carefully edit the '__ccdetails' file to remove unwanted entries in the meanwhile .