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!!

Previous
Next Post »

4 comments

Click here for comments
Unknown
admin
5 May 2018 at 14:53 ×

thanks you very much for the hello world blog

Reply
avatar
13 July 2020 at 00:43 ×

Your article has piqued my interest. This is definitely a thinker's article with great content and interesting viewpoints. I agree in part with a lot of this content. Thank you for sharing this informational material.
Other content online cannot measure up to the work you have put out here. Your insight on this subject has convinced me of many of the points you have expressed. This is great unique writing.

Reply
avatar
360DigiTMG
admin
28 January 2022 at 00:46 ×

I can set up my new idea from this post. It gives in depth information. Thanks for this valuable information for all,..
data analytics courses in hyderabad with placements

Reply
avatar
9 April 2022 at 00:09 ×

I was curious if you ever thought of changing the layout of your site? Its very well written; I love what youve got to say. But maybe you could a little more in the way of content so people could connect with it better. Youve got an awful lot of text for only having 1 or 2 pictures. Maybe you could space it out better?|

Reply
avatar