Show TOC

App Development Using SAP Web IDELocate this document in the navigation structure

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.

Key use cases:

  • Develop new SAP Fiori and SAPUI5 apps

  • Extend SAP Fiori apps

  • Develop SAPUI5 mobile hybrid apps (HAT plug-in)

  • Extend SAP Web IDE with new plug-ins and templates

A trial version of SAP Web IDE can be accessed through the SAP HANA Cloud Platform. For more information on how to get an account and start using SAP Web IDE, see the documentation of SAP Web IDE at https://help.hana.ondemand.com/webide/frameset.htm?6284a94889db4f3cad001ba674282f20.html.


In this section:
    Get a Trial Account and Access SAP Web IDE
    Steps for creating an SAP HANA trial account
    Start SAP Web IDE
    Initial Steps in SAP Web IDE
    Create a neo-app.json Project Configuration File
    The neo-app.json file contains all project settings for SAP Web IDE and is created in the root folder of your project. It is a JSON format file consisting of multiple configuration keys. The most important setting for you to configure is the path where the SAPUI5 runtime is located when starting the app.
    Create an index.html File
    A minimalistic index.html file is needed to test the project configuration. This file contains the SAPUI5 bootstrap and a sap.m.Text control that displays the text "SAPUI5 is loaded successfully!".
    Run the App
    SAP Web IDE comes with integrated testing features that let you run the app on a central server without having to set up any additional infrastructure. You can run the app by selecting the src/index.html file and clicking the run button in the header toolbar.
    Create a Northwind Destination
    Configure a destination in the SAP HANA Cloud Platform Cockpit in order to bypass the same-origin policy of the browser.