Skip to content

Latest commit

 

History

History
54 lines (39 loc) · 3.77 KB

App_Development_Using_SAP_Web_IDE_13ced94.md

File metadata and controls

54 lines (39 loc) · 3.77 KB
loio
13ced9493472408999143bc99bbb73b9

view on: demo kit nightly build | demo kit latest release

App Development Using SAP Web IDE

SAP Web IDE is a web-based development environment that is optimized for developing OpenUI5 complex apps using the latest innovations, developing and extending SAP Fiori apps, developing mobile hybrid apps, and extending SAP Web IDE with plug-ins and templates.

Caution:

SAP Web IDE is no longer available via SAP Business Technology Platform trial accounts. Any references to SAP Web IDE in this documentation are only relevant for you if you have access to SAP Web IDE through a productive SAP BTP account. Please consider SAP Business Application Studio as an alternative. See App Development Using SAP Business Application Studio.

Key use cases:

  • Develop new SAP Fiori apps and OpenUI5 apps

  • Extend SAP Fiori apps

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

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

For more information about SAP Web IDE, see the documentation for SAP Web IDE on the SAP Help Portal at https://help.sap.com/viewer/p/SAP_Web_IDE.

  • Access SAP Web IDE
    Steps to access SAP Web IDE
  • 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 OpenUI5 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 OpenUI5 bootstrap and an sap.m.Text control that displays the text "OpenUI5 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 BTP Cockpit in order to bypass the same-origin policy of the browser.