SAP Fiori has become the standard user experience (UX) paradigm for SAP applications, providing a modern, responsive, and role-based interface across devices. At the core of every SAP Fiori app lies a well-defined structure that ensures modularity, maintainability, and extensibility.
Understanding the SAP Fiori app structure is crucial for developers, architects, and business users who want to customize, build, or troubleshoot SAP Fiori applications effectively.
This article explains the typical architecture and components of a SAP Fiori app, highlighting key elements and their roles within the application lifecycle.
A SAP Fiori app is a lightweight web application designed with SAPUI5 technology that delivers a focused user experience aligned with SAP Fiori design principles. It typically runs on SAP’s front-end server or SAP Business Technology Platform and communicates with backend SAP systems using OData services.
SAP Fiori apps follow a modular design, typically based on the Model-View-Controller (MVC) architectural pattern, ensuring clear separation of concerns. Here are the main components of a typical SAP Fiori app:
The manifest.json file is the central descriptor of the app.
It defines metadata such as app ID, version, data sources, routing configuration, and required SAPUI5 libraries.
It helps in declarative configuration, enabling easier deployment and integration.
Example entries include:
/webapp
/controller (JavaScript controllers)
/view (XML/JS/JSON views)
/model (Data models)
/i18n (Localization files)
/util (Helper utilities)
/css (Custom stylesheets)
Component.js (Component definition)
manifest.json (App descriptor)
Component.js, loading models and routing configuration.Understanding the SAP Fiori app structure is fundamental for anyone involved in SAP Fiori development or customization. The clear separation of data, logic, and presentation using the MVC paradigm enables developers to build scalable, maintainable, and user-friendly applications.
Mastering these components and how they interact ensures that SAP Fiori apps deliver the seamless, responsive, and engaging experience that modern users expect.