A collection of sample projects demonstrating SAP Fiori elements and SAP Fiori tools capabilities. These samples are referenced in tutorials, blogs, and documentation to help developers learn and implement SAP Fiori applications.
This repository contains samples organized by technology and use case:
| Category | Description | Path |
|---|---|---|
| V2 Samples | SAP Fiori elements with OData V2 | V2/ |
| V4 Samples | SAP Fiori elements with OData V4 | V4/ |
| CAP Integration | Cloud Application Programming Model samples | cap/ |
| Tutorial Samples | Samples from SAP Developer tutorials | app-with-tutorials/ |
| Third-party Libraries | Adding external libraries to Fiori apps | thirdpartylibrary/ |
| Generator Extensions | Extending @sap/generator-fiori | sample-fiori-gen-ext/ |
| Migration | Neo to Cloud Foundry migration | neo-migration/ |
| Utilities | Proxy, destinations, npm management, CI/CD configurations | misc/ |
π View complete sample catalog for detailed descriptions and direct links.
Start with the tutorial-based samples that provide step-by-step guidance.
Explore V4 samples for the latest OData V4 and Fiori elements features.
Check misc/ for proxy configuration, destinations, CI/CD, npm dependency management, and on-premise connectivity.
- Node.js (LTS version recommended)
- npm or yarn
- SAP Business Application Studio or Visual Studio Code with SAP Fiori tools extension
For detailed setup instructions, refer to the SAP Fiori tools documentation.
-
Clone the repository
git clone https://github.com/SAP-samples/fiori-tools-samples.git cd fiori-tools-samples -
Navigate to a sample
cd V2/apps/myfioriapp -
Install dependencies
npm install
-
Start the application
npm start
-
Access the application
- View application with mock data: Click the displayed
URL - Access mock OData service: Combine
URL+Service Path
Example:
http://localhost:8083/sap/opu/odata/sap/SEPMRA_PROD_MAN - View application with mock data: Click the displayed
We welcome contributions! Please review our Contributing Guidelines before submitting pull requests.
Quick contribution checklist:
- Check existing issues and PRs
- Follow the project structure and naming conventions
- Test samples locally before submitting
- Use the provided issue templates and PR template
Read our Code of Conduct for community standards.
- Sample-specific issues: Create an issue using our templates
- Tutorial issues: Report here
- General questions: SAP Community with tag "SAP Fiori tools"
- Sample questions: Use our question template
Please refer to SECURITY.md for reporting security vulnerabilities.
- β Added comprehensive npm dependency management and audit guide
- β Fixed markdown formatting issues across all README files
- β Added governance files (Contributing, Code of Conduct, Security Policy)
- β Added issue and PR templates for better collaboration
- β Implemented automated link validation on PRs
- β Added branch protection to enforce PR workflow
- β Consolidated LICENSE files with relative references
- β Added CodeQL security scanning
Copyright (c) 2009-2026 SAP SE or an SAP affiliate company. This project is licensed under the Apache Software License, version 2.0 except as noted otherwise in the LICENSE file.
