/
Technical Architecture

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 

Related content

Runtime Environment
Runtime Environment
Read with this
Technical Architecture
Technical Architecture
More like this
My Forms - Administration Section
My Forms - Administration Section
Read with this
Technical Architecture
Technical Architecture
More like this
FAB 3.3.0 Release Notes
FAB 3.3.0 Release Notes
Read with this
1.1 Technical Architecture
1.1 Technical Architecture
More like this