Skip to Content
Technical Articles
Author's profile photo Ram Sundar Mahato

SAP Web IDE Personal Edition Setup and Create SAPUI5 Application for Beginner

Hi All,

I hope this blog post will be helpful for you to Setup SAP Web IDE personal Edition and Create SAPUI5 application.

In this blog we will cover the below topics:

  1. SAP Web IDE Personal Edition SETUP
  2. Create SAPUI5 application.
  3. Display hello world text.

 

Prerequisites

  • You are installing SAP Web IDE personal edition in one of the following operating systems:
    • Microsoft Windows (version 7 or higher)

    • Mac OS (version 9 or higher)

  • JDK 1.8 Version on laptop:
    • Before using Web IDE personal edition, make sure you must and should have the JDK 1.8 version installed in your system.

        Note : If you install JDK version higher then 1.8, it will NOT work.

 

SAP Web IDE Personal Edition Setup:

Step 1 : Go to SAP Development tools  and browse to the SAPUI5-tab and download the preferred version

Step 2: Download the installation ZIP file.

 

Step 3: Extract the zipped files to

C:\Users\…..\Downloads\sap-webide-personal-edition-1.53.9-trial-win32.win32.x86_64 (1)\eclipse.

If you open the extracted folder(eclipse) then The folder-structure should look like this:

Step 4: To start the WebIDE you have to go to the folder eclipse and now double click on the orion.exe file to run the Orion Server. (marked yellow above)

Below window should show up

Step 5: Launch SAP Web IDE personal edition via the URL http://localhost:8080/webide/index.html. You will see the below screen:

 

Step 6: Before starting the Web-IDE you need an Orion account. To create new Orion account press Create a new account button highlighted in the screen. You will see the below screen:

 

If you already have Orion account then directly press three dot highlighted in point 5 screen.

You will see the below screen:

 

Step 7:  IF your Orion account created successfully and after Sign-in your Web-IDE open. You will see the below SAP Web IDE screen:

 

Create SAPUI5 Application:

Step 1: Create a SAPUI5 application from the project template

Select Development  ==> Select Workspace ==> Right click on Workspace and select New

==> Press Project from Template.

 

 

Step 2: As you see below different template options you have. You will choose any of them as per your requirements.

For example: I am selecting SAPUI5 application and press on Next button.

 

Step 3: Give Project Name and Namespace and press on Next button.

 

Step 4: You can select any one of the following View types(XML, JSON, JavaScript and HTML) as per your requirement. I am selecting View Type XML and Give the view name and press on Finish button.

 

Step 5: Expand the project(Demo) inside the Workspace folder. Select the view and add

“Hello World”  text inside the page content and save it (Ctrl + S).

 

Step 5: Run the Application

Select Project folder(Demo) and click Green button on top.

 

Step 6: Finally  seen the “Hello World” text in the Browser.

 

 

Conclusion: 

In this blog post, We have learnt how to Setup SAP Web IDE personal Edition and help to Create SAPUI5 application. This blog for pure beginner.

Like always, add your comments, thoughts and if there is room for improvement (and I’m sure there is) let me know.

 

Thank You 🙂

 

References:

 

 

– Ram

Assigned Tags

      15 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo sarvmangla bhardwaj
      sarvmangla bhardwaj

      nice....its really helpfull

      Author's profile photo Ram Sundar Mahato
      Ram Sundar Mahato
      Blog Post Author

      Thank you so much ?

      Author's profile photo Sarath S Menon
      Sarath S Menon

      In case anyone is interested, SAP WebIDE Personal edition is available as a docker image, so no need of any installation at all. Details are available here

      Author's profile photo Former Member
      Former Member

      any tips on RAM and storage sizing?

      Author's profile photo SAP Abap/Fiori Learner
      SAP Abap/Fiori Learner

      Hi Ram Sundar Mahato ,  i am facing an issue. when i start orion, it gives me the error " an error has occured see the log file null". can you suggest a way around.
      please review this thread created by me for more info regarding this.

      https://answers.sap.com/questions/13501423/sapwebide-orion-gives-error-an-error-has-occured-s.html?url_id=text-global-profile-inbox-mod

      Author's profile photo sirine zmantar
      sirine zmantar

      hello, you should install jdk 1.8 version, please  follow this steps described in this blog https://codenotfound.com/java-download-install-jdk-8-windows.html

      Author's profile photo Arti Nair
      Arti Nair

      Can we use SAP WEBIDE Personal edition for developing FIORI Application and consume service generated from ABAP RAP Model ?

      Author's profile photo Dirk Hoelscher
      Dirk Hoelscher

      I'm really struggeling at an early stage. When I download the WebIDE zipfile and decompress it, I did not have the compete files like in the screenshot at the beginning of the blog. For eg. orion.exe is missing 🙁

      Extraction%20of%20zip

      Extraction of zip

      Author's profile photo Shrikant Patil
      Shrikant Patil

      Unzip using 7zip app ...orion will be there

       

      Author's profile photo Manish Patel
      Manish Patel

      I installed Personal Web IDE on Windows 10 computer, but do not see any Orion.exe files. Any suggestions ??

      Author's profile photo James Chau
      James Chau

      Works Great! I created the wedi view as you adviced! I like to compare this stack to wamp where this stack is Windows Orion only. Thanks to your encouragement I am investing heavily into Java development using this SAP Wedi PE instead of LAMP or MERN. I have a local instance of NPL minisap which I prefer much better than SAP's promoted HANA Express etc. I am staying close to the ABAP SAPUI5 stack and now I'm committing to WEDI Java and finally upgrading to the SAPGUI for Java using 7.70 over SAPGUI 7.6. I'm gonna use 7.7 to log into my NPL local instance. Please don' hesitate to get in touch with me I'm removing myself from ECC into full fledge S4 HANA BTP plarform albeit I remain firmly supportive of ECC clients. my email is jameskchau@me.com (my SAP UID)

      Author's profile photo James Chau
      James Chau

      good grief, SAPGUI 7.7 hung up my NPL local instance!! good thing I was able to cold restart with nothing lost on my NPL VM. For the time being I am still a fan of Windows VMware VM, I got really spooked by the disastrous SAP A4H Docker Container failure which disappeared as quickly as it started, I believe the container technology is not a good fit for SAP. BTW, I am very much against screen shots that are not targeted to screens or steps.

      Author's profile photo Marc Frenay
      Marc Frenay

      Dear Experts,

      I installed the local webide but I need to add a common library to be able to run some HCM fiori apps.

      BTP webide has the feature "add reference to library" but I don't see such feature on local webide and thus I can not run the fiori apps from the local webide.

      Have you experienced this issue as well on you side ?

      Thx for helping me.

      Author's profile photo Marian Zeis
      Marian Zeis

      Hi Marc,

      local webide is more then deprecated.
      You will hardly get support here for this.

      Please use Trial with BAS and ABAP Platform.

      Cheers
      Marian

      Author's profile photo Tarun George
      Tarun George

      Hi ,

      I'm facing issues installing and running Orion on Mac Ventura , is there any workaround I can use for the same ??

       

      Regards

      Tarun