Quantcast
Channel: SAPUI5 Developer Center
Viewing all articles
Browse latest Browse all 789

How To Install SAP Web IDE Locally for Trial in Windows

$
0
0

 

1. Introduction

This blog details out step-by-step procedure to local trial installation of SAP Web IDE 1.8 for test and evaluation purposes. You can experience the SAP Web IDE capabilities and see how simple it is to create and extend SAP Fiori/SAPUI5 applications with SAP Web IDE. Additionally, the blog will also If you want to experience the trail version of SAP Web IDE on HANA Cloud Platform then please follow,Getting Started with SAP Web IDE on HANA Cloud.

 

Please note: This is a trial version for non-productive usage only. This version is not updated with the latest features in the way the SAP HANA Cloud version is. It contains a subset of SAP Web IDE functionality, leaving out cloud-specific features such as plugin/template development, consumption of optional plugins and collaboration support.

 

 

2. Prerequisites

  • JVM (Java Virtual Machine) should be 6.0 or higher. JVM can be downloaded fromhere(only JRE is required).

 

3. SAP Web IDE Installation Process

3.1 Download the SAP Web IDE Local Installation package here by filling a simple form and following the instructions thereby.


SAP Store.png


3.2  Download Eclipse Orion package for Windows Platform from here.

Orion-Eclipse.png


3.3 Download Eclipse Director package can be downloaded from here:

    http://www.eclipse.org/downloads/download.php?file=/tools/buckminster/products/director_latest.zip

 

3.4 On successful download of the files mentioned in steps would get you the following:

     a. Local Web IDE Installer : SAP_Web_IDE_Local_Inst.zip

     b. Eclipse Orion : eclipse-orion-5.0-win32.win32.x86_xx.zip

     c. Eclipse Director : director_latest.zip


3.5Create a new folder on the C drive named “SAPWebIDE


SAPWebIDE-Folder.png


3.6Extract the Eclipse Orion package into C:\SAPWebIDE


extract-orion.png


3.7Extract the Eclipse Director into C:\SAPWebIDE


extract-director.png


3.8 YourC:\SAPWebIDE should now have the following folder structure


extract-result.png



3.9 Extract "SAP_Web_IDE_Local_Inst.zip”. Once extracted, you will find two zip files named "SAP_HAT_local.zip" and “updatesite.zip”.


extract-webide.png


3.10 Open Command Promt and go to the C:\SAPWebIDE\director folder


cmd-director.png



3.11 Run this command in order to install the SAP Web IDE package into Eclipse Orion:


director -repository jar:file:/<location of the downloaded zip file>!/ -installIU com.sap.webide.orionplugin.feature.feature.group -destination c:\SAPWebIDE\eclipse


In our example, the complete command is

director -repository jar:file:C:\XXXXXX\Downloads\updatesite.zip!/ -installIU com.sap.webide.orionplugin.feature.feature.group -destination c:\SAPWebIDE\eclipse


NOTE: If the path to the downloaded zip file contains spaces, you need to wrap the entire path with double quotes (i.e. jar:file:”C:\Users\path with some spaces\Downloads\updatesite.zip”).


installed-success.png


You have successfully installed your local copy of SAP Web IDE.




4. Configuring and Starting SAP Web IDE

Before starting Eclipse Orion you should modify the port of the Orion server from the standard 8080 to 9090. This is an optional step, but since there could    be other software running on that port, it’s a best practice to change it. Navigate to Eclipse Orion folder using Windows Explorer and double click on the file orion.ini.

 

     orion-ini.png

 

 


4.1Locate the line “-Dorg.eclipse.equinox.http.jetty.http.port=8080”, change the port number to 9090 and save the file


   orion-ini-port.png   


4.2 Double click on the Eclipse Orion executable to start it


   orion-start.png


4.3 If you get this message, Click on Run

    

   orion-sec-run.png


4.4 You will get a new command prompt window like this: don’t close it!


    orion-run-cmd.png         


4.5Open your Internet browser and type http://localhost:9090/webide/index.html


   open-chrome.png


4.6 The Eclipse Orion home page will be loaded. Click on Create a new account


   orion-logon.png


4.7 Enter the required information and click on Sign up


   ide-signup.png



4.8 You have successfully started your local SAP Web IDE.

   ide-loaded.png


Note : Should you need to close SAP Web IDE and Eclipse Orion, close first the browser page containing SAP Web IDE and then select the console that Eclipse Orion opened when you started it up. Type the command “close” and then hit ENTER. Confirm to close it by pressing “y”.

    

close_orion.png    

 


5. Testing Installation by Connecting to Remote System

   

Now that we have configured our SAP Web IDE, we might also want to connect it to a remote system to get some data. There are basically 4 ways to do it and for a couple of them you need to create a special destination file, which gives to SAP Web IDE all the needed connection information. In particular, we might want to connect to a generic OData source or to an ABAP system.

 

Let’s give a look to how we can create the destination files for connecting to the public sample gateway system “sapes1.sapdevcenter.com”. You can get more information and register to it by going to the page Getting started with the SAP Netweaver Gateway Service Consumption System


5.1 Open Command Prompt and type

          cd C:\SAPWebIDE\eclipse\config_master\service.destinations\destinations

     goto_destinations.png

5.2 Type

          echo #ServiceDestination > ES1

    goto_es1.png


5.3 Type

          notepad es1

     open_es1.png


5.4 Append the following lines to the file:

              

Description=es1

Type=HTTP

TrustAll=true

Authentication=NoAuthentication

WebIDEUsage=odata_gen

Name=es1

WebIDEEnabled=true

URL=https\://sapes1.sapdevcenter.com

ProxyType=Internet

WebIDESystem=es1

 

 

5.5 The ES1 file in notepad should now look like

   es1_notepad.png


5.6 Close SAP Web IDE, if it was already open, and restart it. You will probably need to sign again in Eclipse Orion.

   

5.7 Create a new project using File > New > Project from Template and choose 'SAP Fiori Master Detail Application'.


5.8 At the step “3 - Data Connection” you can do the following:

 

      1. Click on Service URL.
      2. Select the es1 destination.
      3. Enter the path to the resource (it will be concatenated with the URL specified in the destination). In this example we can use “/sap/opu/odata/IWFND/RMTSAMPLEFLIGHT/”.
      4. Click on Select.
      5. After entering the credentials for accessing the gateway system, you will get the list of the available OData entities.

               data_connection.png


          5.9 You have successfully tested the connection to an OData source, you can click on Next and continue with the project creation.

 


 

6. Connecting to an External Git Repository

Since you need to pass through a proxy you cannot access your Git repositories. For this you need to do some configuration. First of all you need to configure the orion.ini file to allow the SAP Web IDE to pass through the proxy.


     6.1 Close SAP Web IDE and exit from Eclipse Orion by first closing the browser page containing SAP Web IDE and then selecting the console that Eclipse          Orion is opened when you started it. Type the command “close” and then hit ENTER. Confirm to close it by pressing “y”.

       close_orion.png   

 

     6.2 Go in the C:\SAPWebIDE\eclipse folder with Windows Explorer

 

     6.3 Double click on the orion.ini file to open it in the editor

          orion-ini.png

    

     6.4 Add the following lines to the file, just after the -vmargs line.

                   

-Dhttp.proxyHost=<proxy>

-Dhttp.proxyPort=<port>

-Dhttps.proxyHost=<proxy>

-Dhttps.proxyPort=<port>

-Dhttps.nonProxyHosts=<hosts to be excluded from proxy>


In our example it’s


 

-Dhttp.proxyHost=proxy.xxxx.sap.corp

-Dhttp.proxyPort=8080

-Dhttps.proxyHost=proxy.xxxx.sap.corp

-Dhttps.proxyPort=8080

-Dhttps.nonProxyHosts=*.sap.corp|localhost


     6.5 After the changes to orion.ini save the file.

       orion_proxy.png


     6.6 Restart Eclipse Orion and reopen SAP Web IDE.


     6.7 You need now to configure the account settings for the SAP Web IDE Git Client. Click on Tools > Git Settings

          git_menu.png
    

      6.8 Provide your account information and click on Update

          git_account_update.png

    

     6.9 You have successfully configured your Git client with a proxy. You can test it by simply going to File > Git > Clone Repository.

          git_clone.png

    

     6.10 Enter the name of a repository you want to clone in your environment, provide your credentials and click on OK

          clone_details.png


     6.11 The project has been cloned successfully and connection to external git repository has been established successfully.

          clone_success.png


 

 

Brought to you by theSAP Technology RIG



Viewing all articles
Browse latest Browse all 789

Trending Articles