Skip to Content
Author's profile photo Ravi Varma Indukuri

How to Access ECC system from WEB IDE

SAP Web IDE is a browser based development tool. SAP Web IDE accelerates building modern applications for desktop and mobile devices with the latest UI technologies,simplifies the end-to-end application life cycle and customer extensions for SAPUI5 and Fiori applications.

          With powerful tools such as drag and drop components, templates and wizards, business analysts and designers can build their own Fiori and similar applications without writing code. The tool is also flexible for developers who believe that tools should never get in the way of the source code, and want to dive right into the code editor with the SAPUI5 specific code completion.

Follow the below steps to create account and accessing ECC system.

How To Create Account in SAP Web IDE

Run the below URL and click on Register.


Fill the details below.


After registering you will get a conformation link to your registered mail id.



Now you will get welcome screen like below.


How to create Destination:

Select Destinations for adding our ECC system details as shown in the below screen shot.


And then click on New Destination.


Enter the details like below and click on Save



How to Create  access our Destination(ECC) system

Now run the below link to crate sample Application by using our ECC Service.

Login Screen.PNG

Login With you User Details.

below screen.PNG

Now click on Subscriptions and under that click on Webide.

Click on Subcription and web ide.PNG

Now we will get an URL. Click on Application URL to open Web Ide Editior.



Home Screen.

Home screen.PNG

Choose “New Project from Template”

New application.png

Select “SAP Fiori Master Detail Application” tile and click on “Next”.

Master Detail Application.PNG

Enter the Project Name and click on “Next”

Project name.PNG

Now it will ask for ECC system login details.

Ecc system Details.PNG

Enter username and password click on login.

Enter login details to dispaly Services.PNG

Now we can access all the odata services which is present in our ECC system, Select one odata service and click on “Next”.

choose any service.PNG

In Template Customization Scree we will customize our scree by entering the basic information like below screen. It is based on our odata service.

Template Customizatrion.PNG

And finally click on Finish.

clcik on finish.PNG

The structure of our application is as shown below in Layout editor.


Now we can directly Run our application to check Master Detail Application Out Put.

To Run Application.

Right click on Index.html–>Run–>Run as–>Web Application.

To Run Application.png

Out Put:

Enter the username and password.

rum user details.PNG


Refereed From: Open SAP.

Thanks and Regards,

Ravi Varma I

Assigned Tags

      You must be Logged on to comment or reply to a post.
      Author's profile photo Ankur Gokhale
      Ankur Gokhale

      Great efforts Ravi, is there any way to see whether an ECC 6 instance has been added to HCP or not ? (Not by looking through HCP but by logging into ECC, any t code for that ?)

      Author's profile photo priya ramani
      priya ramani

      Hello Ravi ,

      Great Article .

      Can you please let me know how to know t he ECC url details of my SAP system.


      Thanks ,



      Author's profile photo Former Member
      Former Member

      Hi is this subscription available for free version?

      What do we need to do from SAP side.