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.

https://account.hanatrial.ondemand.com/

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.

https://account.hanatrial.ondemand.com/cockpit#/acc/p1941799264trial/accountdashboard

Login With you User Details.

Now click on Subscriptions and under that click on Webide.

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

Home Screen.

Choose “New Project from Template”

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

Enter the Project Name and click on “Next”

Now it will ask for ECC system login details.

Enter username and password click on login.

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

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

And finally click on Finish.

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.

Out Put:

Enter the username and password.

Refereed From: Open SAP.

Thanks and Regards,

Ravi Varma I