Hello World in SAP Web IDE

In this tutorial, I will explain how to create your first application in SAP web IDE from scratch. We will try to create a hello world application, since this is the ideal application for starters.

Okay, now let us look at the process step wise. But before starting with the project, let us just revise the steps for accessing SAP Web IDE.

1) First off all, create an account on SCN, it will allow access to the hana cockpit.

2) Now, log on to SAP HANA Cloud Cockpit, with your free developer edition account. Choose Subscriptions in the left hand pane.

3)Details of which applications your account is currently subscribed to is displayed. Choose webide.

4)In the Active Version area, you will see the Application URL with the active version number. Click on the URL to open SAP Web IDE. You are now logged on to SAP Web IDE and can immediately start developing.

Note(Now this is the Development Area, you are recommended to bookmark this URL, for future references.)

 

If everything has worked fine, you would be able to see this home page.

Now, let’s start building the Hello World Application.

1) The first step to start developing an application with SAP Web IDE is to create a new project for the application. And for this from the File menu select New and then select Project from Template

 

2) Now, Select SAPUI5 Application and click on Next.

 

3) In the next window, write the name of the project and the namespace and click on next.

 

4) In the template customization screen, provide the view type as xml and make an initial view and click next.

5) Now it will ask for confirmation, click on finish. This should make a new project named as “NewProject”. In the workspace.

6) Now, let’s make some changes in the code so that we could get hello world text. Open the project by clicking the “+” sign and then open webapp folder and then open View folder and then view1.view.xml. Now in the Page title, just add the text “hello world!!” and within the content tags, add the following code:

 <Text text="Hello World!!!"></Text>

 

7) Finally, let’s just run the project. Right Click on the project, and then go to run as Web Application.

For any queries, mail me at sapui5tutors@gmail.com. If you loved my tutorials, comment down below your views. It always inspires me for making better blogs and stay tuned for more tutorials!!

• Tweet
• Share
• Share
• Share
• Share

About Admin MC3

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Related Post