Technical Architecture
Technical architecture overview
The technical architecture of Fiori Application Builder (FAB) contains three distinct layers: FAB back-end which is housed in SAP ERP, FAB front-end located in the SAP gateway server (embedded or centralized) and the FAB Application which is hosted on the client browser. A breakdown of each layers technical components are detailed below:
Browser
- Presentation of SAPUI5 HTML controls with CSS
- Execution of JavaScript Functions and front-end validations
- Local storage for performance and temporary data and resource persistence
Gateway Server
- Installs FAB frontend transport
- Hosts the FAB Web Application
- Dynamic interpretation of model definition and HTML generation
- Store of additional static HTML, JavaScript libraries and resource files e.g. logos, images
- Hosts the oData service
- Fiori Launchpad configuration (if desired)
- Authentication of user and SSO to ERP
SAP ERP
- Installs FAB backend transport
- Designs the Application (FAB workbench)
- Defines and generates oData service implementation
- Data staging and monitoring
- SAP integration orchestration
- FAB role and Launchpad configuration
- ERP authorizations Apply