Show TOC

Development EnvironmentLocate this document in the navigation structure

This part of the documentation gives you guidance on the most common and recommended use cases of the installation, configuration and setup of the UI development toolkit for HTML5 (SAPUI5) development environment.

Note

You can install SAPUI5 on different platforms. The license and maintenance conditions of the respective platforms also apply for SAPUI5. If you use SAPUI5 tools on SAP HANA Cloud Platform, for example, the license and maintenance conditions of the SAP HANA Cloud Platform apply.

Important SAP Notes for the Installation

Before you start the installation process, read the following SAP Notes. Make sure that you have the up-to-date version of each SAP Note. You can find them on SAP Service Marketplace at http://support.sap.com/notesInformation published on SAP site.

Note Number

Title

Description

1666368 Information published on SAP site

Installing UI add-ons for SAP NetWeaver

Describes the installation of the ABAP components of UI add-on for SAP NetWeaver

1666369 Information published on SAP site

SPs for UI add-ons for SAP NetWeaver

Contains information about add-on support packages for UI add-on for SAP NetWeaver

1686090 Information published on SAP site

Translation Object for SAPUI5 (ABAP)

To use the translation feature with the SAPUI5 ABAP team provider in the UI add-on in an SAP NetWeaver 7.0 EHP3/7.31 system, implement this SAP Note in the translation system to enable the translation of text elements.

1582870 Information published on SAP site

ABAP XSS Escaping Support

We highly recommend that you implement this SAP Note to support ABAP XSS escaping.
Depending on your use case, you can choose one of the following development environments.
SAP Web IDE is a web-based development environment that is optimized for developing SAPUI5 complex apps using the latest innovations, developing and extending SAP Fiori apps, developing mobile hybrid apps, and extending SAP Web IDE with plugins and templates. Develop apps using OpenUI5 and the development environment (editor and Web server) of your choice. You can either download all of the sources or refer to the online version of OpenUI5. Used for developing apps for simple use cases. The SAPUI5 application development tools for Eclipse provide wizards to support you in creating apps in an easy way. With the application project wizard, the necessary application skeleton containing views and controllers will automatically be created. Used for modifying OpenUI5. The environment is based on Node.js, used as a server, with a build process that is based on Grunt. This section provides information for the initial setup, development roundtrip, and tests execution.
Note

You can also build native SAP HANA applications using SAPUI5. For more information, see the SAPUI5 for SAP HANA Development Tutorials in the SAP HANA Developer Guide on SAP Help Portal at http://help.sap.com/hana_platform/ under Start of the navigation path Development and Modeling Next navigation step SAP HANA Developer Guide Next navigation step Building UIs End of the navigation path.


In this section:
    App Development Using OpenUI5
    Develop apps using OpenUI5 and the development environment (editor and Web server) of your choice. You can either download all of the sources or refer to the online version of OpenUI5.
    App Development Using SAP Web IDE
    SAP Web IDE is a web-based development environment that is optimized for developing SAPUI5 complex apps using the latest innovations, developing and extending SAP Fiori apps, developing mobile hybrid apps, and extending SAP Web IDE with plugins and templates.
    App Development Using SAPUI5 Tools for Eclipse
    Used for developing apps for simple use cases. The SAPUI5 application development tools for Eclipse provide wizards to support you in creating apps in an easy way. With the application project wizard, the necessary application skeleton containing views and controllers will automatically be created.
    Node.js-Based Development Environment
    Used for modifying OpenUI5. The environment is based on Node.js, used as a server, with a build process that is based on Grunt. This section provides information for the initial setup, development roundtrip, and tests execution.
    Development for Hybrid Web Containers
    You can develop mobile apps as hybrid app consisting of a native app wrapper, for example PhoneGap, and an HTML viewer to display the content on the user interface.
    SAPUI5 Runtime Installation (SAP NetWeaver 7.3 EHP1 or Lower)
    Installation prerequisites and installation process for SAPUI5 Runtime