2007 年 ~ 2025 年，深耕 SAP 技术 18 年

笔者的知识星球里,不少朋友向我提问的关于 `Fiori` 的问题,我在回答之余发现,这些朋友没有搞清楚 `Fiori`,`Fiori App` 和 `SAP UI5` 这些概念的区别和联系。这个现象也不奇怪，因为就连我自己，在刚刚接触 `SAP Fiori` 不久时，也没能将这些易混淆的概念区分清楚，于是笔者在本教程的第一篇文章里，详细剖析了这些概念之间的区别和联系。

SAP Fiori 是一套用户体验 (UX) 设计理念，旨在通过简洁、直观、响应迅速的设计来提升用户与 SAP 系统的互动体验。它最初在 2013 年发布，并迅速获得了广泛应用。Fiori 的三个主要版本——1.0、2.0 和 3.0——代表了 SAP 在不断演进中的用户体验理念、技术创新以及企业需求的变化。以下将详细介绍这三个版本的特点、发展历史以及其中的技术创新，并通过具体的案例帮助理解其演变过程。

在开始实施 SAP Fiori 之前，首先需要与业务部门合作，明确企业内所有的业务角色，并对每个角色的职责和任务进行详细分析。这是一个关键步骤，因为系统中的角色必须与企业内部的实际角色相匹配。职责与任务的分析：例如，采购经理的职责是管理采购订单、审查供应商表现，而生产计划员的职责是编排生产计划、监控物料需求等。应用需求的收集：明确每个角色在日常工作中所需的应用和数据。例如，销售人员需要访问客户数据、创建销售订单，而仓库操作员则需要实时查看库存状态、执行入库操作等。

当 Fiori 项目实施完成后，这些配置保存下来之后，用户登录 Fiori 系统，在看到渲染好的 Fiori Launchpad 之前，有一个 OData 请求，从后台 ABAP 服务器，读取为该用户分配的 Fiori catalog 和这些 catalog 里分配的 tiles.例如，假设在业务流程中，需要将一个包含多个表和字段的复杂数据集合存储在某处，稍后再将这些数据以相同的形式恢复，Data Cluster 就提供了这种方便、简洁的解决方案。方法里，使用 ABAP 关键字。

SAP 采用 OData 作为其数据服务的标准协议，使开发者能够通过标准化的方式与 SAP 系统进行交互。通过深入理解其功能和应用，开发者和管理员可以更有效地定制和管理用户界面，提升整体用户体验。从 url 能判断出，这个 OData 服务试图从 Fiori 服务器上，读取当前登录用户，到底分配了哪些 Fiori tile.系统通过角色和权限管理，控制用户对该服务的访问，防止未经授权的操作。注意：这些定制化功能，只能将当前用户权限允许范围内的 tile，进行配置或者隐藏。

SAP UI5 是一种强大的企业级前端框架，具备构建单页面应用的能力和特征。在动态内容加载、路由管理、无缝用户体验等方面，SAP UI5 与 SPA 有着极高的相似性。SAP UI5 应用通过使用 AJAX 和双向数据绑定，实现了无刷新内容更新和页面切换，这些都是典型的单页面应用特征。SAP UI5 的设计目标和 SPA 的理念在很多方面相契合，特别是在企业级应用中，SAP UI5 提供了丰富的 UI 控件和集成工具，帮助开发者高效地构建具有良好用户体验的单页面应用。

例如，在一个定制的 Fiori 应用程序中，开发者可以使用该服务保存用户的首选项，如默认过滤器或视图设置。当用户重新访问该应用程序时，这些设置将被自动应用，提供一致且个性化的用户体验。服务支持 Fiori 应用程序之间的导航请求处理，确保在不同应用程序之间的平滑过渡。例如，在一个业务流程中，用户可能需要从一个应用程序导航到另一个相关的应用程序。该服务提供了与其他系统或服务的接口，支持跨系统的数据交换和功能集成，增强了 SAP 系统的灵活性和可扩展性。服务处理这些导航请求，确保在应用程序之间的平滑过渡。

当用户登录 Launchpad 时，HTTP 处理器会根据用户的角色，从共享内存中读取插件信息，并将插件加载到 Launchpad 中。当用户在浏览器中访问 SAP Fiori Launchpad 时，HTTP 处理器接收该请求，并根据请求的路径和参数，将其路由到相应的处理逻辑。客户端（浏览器）在加载 Launchpad 时，会根据服务器提供的配置，加载相应的插件资源，并执行插件的初始化逻辑。在角色维护（PFCG）中，将包含插件的目录分配给特定的角色，并将该角色分配给相应的用户。

例如，一个电子商务网站可能会在不同的节日更换网站的主题样式，只需更改 href 指向不同的 CSS 文件即可。这种设计的主要原因是为了针对不同设备提供优化的资源。通过对 href、media 和 rel 属性的深入理解，开发者可以精确地控制资源的加载和应用，为用户提供最佳的体验。这样设计的原因是为了利用 iOS 提供的特性，使 Web 应用在添加到主屏幕并启动时，有类似原生应用的启动画面，提升用户体验。通过这种方式，他们确保无论用户使用哪种设备，都能看到清晰、适配的启动画面，增强用户对品牌的认知和好感。

在 SAP UI5 的发展过程中，Unified Shell 扮演了重要角色，为开发者提供了构建复杂应用程序的基础结构。这些应用程序以磁贴（tile）的形式呈现，每个磁贴代表一个业务应用程序，用户可以通过点击磁贴启动相应的应用程序。总而言之，FioriLaunchpad.html 是 SAP Fiori 启动板的核心组件，提供了统一的用户界面和丰富的功能，支持用户高效地访问和管理 SAP Fiori 应用程序。的 BSP 应用，按照上面 url 的路径，展开这个应用的文件夹，在 abap 下面就能找到。

笔者之前的文章，曾经介绍过 SAP Gateway Framework 源代码实现里，ABAP 类的一些命名空间，比如 /IWFND 和 /IWBEP.26. SAP ABAP OData Gateway 框架里 /IWFND, /IWBEP 这些缩写代表了什么含义？在 SAP Gateway 安装的 NetWeaver 服务器的版本 7.31 及之前更早的版本里，命名空间 /IWFND 代表 SAP Gateway 的两大组件之一：IW_FND. 这个组件需要安装在 Gateway 的 Hub 系统上。

本文介绍笔者从事 SAP UI5 和 Fiori 开发多年以来，积累的一些经验和小技巧。会保持更新。

SAP Fiori 注解，是 ABAP Programming Model for SAP Fiori 的重要概念之一。ABAP Programming Model for SAP Fiori 适用于 SAP NetWeaver AS for ABAP 7.51 innovation package, SP00 或者更高的版本。对底层数据库没有要求，推荐使用 SAP HANA.开发人员需要具备如下的 PFCG role：架构如下：作为SAP客户，在某些情况下，可能希望扩展SAP或SAP合作伙伴交付的On-P

今天微信群里有朋友问到这个问题。如果是SAPGUI里的事务码，比如MM01，对于开发者来说这个任务非常容易完成。比如我想知道下图“Sales Unit”这个字段的值到底保存在哪张表的哪个字段里，只需要选中这个字段，按F1，在弹出窗口里即可得知表名是MVKE,字段名是VRKME.在S/4 Fiori UI里，因为UI是由SAP UI5开发的，所以F1这个功能键无法继续使用。我们需要C...

方法1： ETAG机制SAP CRM Fiori采用了这种机制。看一个具体的例子来理解。假设我用用户名Jerry选中了这个ID为3456的Opportunity，点击Edit按钮之后：会触发一个读操作发到后台：后台响应这个读请求，并且在响应的头部字段ETAG里写入了对应的值。这个26AE结尾的ETAG的值可以由应用程序采取不同的逻辑计算，可以直接采用请求节点对应的最...

有朋友在微信上问我两个问题：S/4 fiori是标配吗？如果是ERP R/3，可以激活fiori配置吗？先回答第二个问题。在Jerry的微信公众号文章SAP Fiori应用的三种部署方式曾经提到这张图： ABAP Front-End Server如上图红色方框所示，上面主要包含三部分代码： 1. Fiori UI的框架代码，位于software component SAP...

官网地址：https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/index.html顾名思义，这是SAP官方发布的一个Fiori应用检索工具，所有标准发布的Fiori应用的明细都能在这个工具里查到。截至到Jerry写这篇文章的时候，这个网站上显示已经存在11949个Fiori标准应用了：2015年Fiori 1...

当时还处于Fiori 1.0时代，还没有直接在浏览器上使用S/4HANA的Key User tool进行新建字段的办法，因此对于前台界面的增强，我给客户的解决方案是使用UI5 XML视图中预留的Extension point，而后台逻辑的增强，则通过UI5 JavaScript controller中的extension hook以及ABAP后台的BAdI实现。该博客介绍了另一种不通过编程即可增强Fiori应用某些行为的方式，对其细节感兴趣的，可以点击文末的“阅读原文”链接直接阅读SAP社区的英文版博客。

Jerry的前一篇文章 揭开SAP Fiori编程模型规范里注解的神秘面纱 - @ObjectModel.readOnly工作原理解析，给大家分享了@ObjectModel.readOnly这个注解对应的Fiori UI和ABAP后台的工作原理。今天我们继续研究另一个注解@OData.publish.在SAP官网的ABAP Programming Model for SAP Fiori的帮助文...

我国古代，形容一个人武艺全面，会说他/她“十八般兵器样样精通”。所谓十八般兵器(有时也称十八般武艺），即刀、枪、剑、戟、斧、钺、钩、叉、鞭、锏、锤、抓、镋、棍、槊、棒、拐、流星锤。代表人物之一就是《水浒传》里的八十万禁军教头王进，原文有云：太公道：“教头在上∶老汉祖居在这华阴县界，前面便是少华山。这村便唤做史家村，村中总有三四百家都姓史。老汉的儿子从小不务农业，只爱刺枪使棒；母亲说他不得，一...

SAP 为了方便大家实施 Fiori 项目时，快速完成系统相关配置，设计了所谓的 Automatic Task List 概念，即把过去需要配置人员手动在 SAPGUI 里的操作，用 ABAP 代码实现以达到自动化效果。每一个之前的人工配置，通过一个 ABAP Task 实现。若干个 Task 就组成了一个 Task List.Fiori 配置人员，使用事务码 STC01，输入 Task ID 就能自动完成配置了。我们在 SAP 官方里能找到这些 Task ID，比如。

SAP Fiori 2.0 是当时指导几乎所有 SAP 标准应用程序的领先设计，可在 On-Premise 本地部署和云解决方案中，提供 PC，Tablet 和智能手机上协调的用户体验。SAP Fiori 3 的核心动机之一，是开发一种可以跨行业，跨 SAP 产品采用的设计，从而在整个产品组合中提供更加和谐一致的体验。SAP Fiori 3 设计的一些优点包括新主题 Quartz（作为 SAP Fiori 2.0 中使用的 Belize 主题的继承者），以及具有统一功能的新 shell 标题栏。

问题：已经看到了SAP Fiori Launchpad上的某个tile，如何反推后台需要配置哪个PFCG Role才能看到该tile？这个问题是今天一个朋友在微信上问我的。因为我最近忙着学习一个新的SAP产品，所以这个问题也没有时间展开来写，本文就只做概要介绍。下图是一个Gateway系统上打开的SAP CRM Fiori Launchpad：如何弄清楚后台用户配置了哪个PFCG Role之后，才能看到Sales Representative(CRM)这个Group下的tile？既然当前我使用的用

这是一个 Count 请求，得到服务器响应的数据是 204，这个 204 会以数字的形式，显示在 Fiori Launchpad tile 上。那如果当前 Gateway 系统可以连接到多台 ABAP 后台服务器，比如下图所示，可以连接 SAP S/4HANA，ERP 或者 SAP CRM，我怎么知道 SAP UI5 应用上显示的数据，到底来自哪一台 ABAP 后台服务器呢？，就是上图 ABAP 调试器里断点停留的位置，即 SAP Frontend 服务器，通过 RFC 将 OData 请求投递给。

封面图片来自Google搜索，关键字: Fiori Deployment。

本文基于 SAP Business Technology Platform 的 ABAP 编程环境进行的开发。使用 ABAP Development Tool 登录 SAP BTP ABAP 编程环境，新建一个 package，命名为 Z_JERRY_CDS.右键选中该 package，创建一个新的 Consumption view. 该视图是一个消费视图，它基于业务对象 (BO) 视图 /DMO/I_TRAVEL_U，提供了独立于消费层的给定数据模型。它包含在其上运行的应用程序所需的所有核心信息。

当我们在 Gateway 系统点击 Fiori Launchpad 的 tile 时，Gateway 系统就会向对应的 SAP 后台系统，发起 RFC 数据请求，把业务数据通过 OData 协议取回来，显示在 Gateway 系统的 Fiori 应用里。这个错误消息的意思是，Gateway 系统的框架代码，通过 RFC Destination 调用 SAP 后台系统的业务处理逻辑时，因为 RFC 用户的 password 不正确，所以导致远程 RFC 调用失败。

在移动应用已经无缝融合到我们日常生活的今日，我们的工作和生活几乎时时刻刻都在和 2C(即 To Customer) 应用打交道。比如手机支付，在线购物，生活缴费，天气和交通线路查询等等。2C 应用的前端开发框架，最著名，最为开发人员所熟知的，就是 Angular，React 和 Vue 这三驾马车。其实还有另一款名叫 UI5 的开发框架，知道它的开发人员可能少得多，但 UI5 实际上是被事实证明的在企业级前端应用开发领域里一款相当成功的开发框架。什么是企业级前端应用？一种被前端业界公认的定义是：企业

本文标题描述的这个需求，从实现思路考虑，可以拆解成两个小步骤来学习：如何使用 JavaScript 调用本机( PC 端或者移动设备端)的摄像头；如何在弹出的摄像头扫描窗口中，完成条形码的扫描工作。对于第一个步骤，网络上有太多的解决方案，Jerry 本文只分享自己在项目中用过并测试通过的几种方法。对于第二个步骤，显然我们不用重复造轮子，可以使用 SAP UI5 控件库里的 sap.ndc.BarcodeScanner 控件，操作摄像头进行条形码扫描。本文目录如何使用 JavaScript 调

最近工作中，笔者受邀请给一个团队做了 SAP 开发技术的演进历史。我的讲座按照下列几个主题进行的介绍：其中 SAP 的技术回顾和演进，我的思路就是从前后台两方面分别介绍。我画了一张非常简单的图：根据笔者从社区上已经发布的信息来看，Fiori 的两个发展方向，我个人概括为：(1) 兼容并蓄，即通过 Fiori Fundamentals，让使用非 UI5 开发框架的前端开发人员，用其喜爱的技术，也能开发出符合 Fiori UX 的应用。(2) 轻装上阵，即通过 SAP UI5 Web Compon

当时还处于Fiori 1.0时代，还没有直接在浏览器上使用S/4HANA的Key User tool进行新建字段的办法，因此对于前台界面的增强，我给客户的解决方案是使用UI5 XML视图中预留的Extension point，而后台逻辑的增强，则通过UI5 JavaScript controller中的extension hook以及ABAP后台的BAdI实现。有付出就有回报，虽然修改受到限制，但在安全模式下进行的修改是升级安全的，即将来S/4HANA系统升级后，这些修改仍然得以保留。

要允许从 Fiori Launchpad 启动 Web Dynpro ABAP 应用程序，需要确保在后端安装了 SAP NetWeaver 用户界面 (UI) 服务的服务器运行时。在 Launchpad Designer 里，将 tile 的 application alias 配置成上图 LPD_CUST 事物码里的。目标映射配置中的参数 System Alias 表示应用程序应调用指定的远程系统。但是打开的却是 GM4 的 SE80，我期望的是打开 AG3 的 SE80。里找到这个问题的更多讨论。

笔者在实际工作中，曾经负责 Web 应用界面图标的显示实现工作，对这块内容做过一定研究。本文将笔者工作中的一些经验分享出来，希望能够帮助到需要实现类似需求的同行们。文章要从一个实际的客户需求谈起。近日我公司一位合作伙伴的开发人员，向我咨询一个关于 Fiori 应用里图标的使用问题。这位开发人员在我们公司发布的某标准 Fiori 应用里，发现了一个图标(例如下图红色高亮区域所示的图标), 希望在自己开发的 Fiori 应用里也使用这个图标，但是不知道其对应的属性值。

SAP Fiori 技术包含构建、配置和运行 SAP Fiori 应用程序所需的所有架构、技术、基础设施和编程模型组件，以及 SAP Fiori Launchpad 的配置技术。SAP Fiori Design 即 SAP Fiori 设计指南中定义的视觉设计、信息架构(Information Architecture)、颜色和交互模式。, 对于应用的用户体验设计师们来说，这个 guideline 就是其进行应用交互设计的权威指南。Fiori 应用的 SAP UI5 前端通过。

SAP Fiori 为用户提供了一种简洁、现代化的用户界面体验。在 Fiori 框架中，和是两个关键的概念，它们共同支持 Fiori 应用的管理和部署。了解这两者的区别和联系对于有效地使用 SAP Fiori 至关重要。

笔者在现在这个工作岗位上从事 Angular 应用开发之前，曾经在 SAP Fiori 应用开发团队，工作过很多年。同 Angular 开发不同，Fiori 应用是一种基于后台元数据驱动的企业级应用开发方式，这种方式同国内流行的使用 Angular，Vue 和 React 等前端开发框架有着很大的不同。在 Fiori 开发里，开发人员的主要精力，是在后台服务器上，用类似 Java Annotations 的语法，给 CDS View 添加注解，这些注解，就是生成 UI 源代码的元数据。

这个采购请求释放之后，产生一个审批请求，发送到老板的邮箱去，采购请求的附件会自动被复制到审批请求去，前者在审批请求里无法被编辑。我曾经参加过 SAP CRM Fiori 应用的开发，里面的附件，全部是通过用户在 Fiori UI 选择本地文件之后，通过调用 OData 来触发后台的附件创建 API 来完成的。回到问题本身，Fiori 应用里的附件，要么是用户手动上传的，要么是在用户执行了一些业务逻辑的过程中，由某个操作间接触发的。就截图而言，红色高亮框里的附件右侧没有删除按钮，说明这是系统有意为之。

在我的博客Paging Implementation in S/4HANA for Customer Management 我介绍了S/4HANA for Customer Management里采用WebClient UI技术实现的UI上的搜索分页实现。那么S/4HANA和CRM里原生的Fiori应用，其搜索分页又是如何实现的？这篇博客分别选取S/4HANA里的Product Maste...

今天一同事问我这个问题：S/4HANA Fiori应用里的列表，一旦Scroll到底部就会自动向后台发起新的请求把更多的数据读取到前台显示。以Product Master这个应用为例，我点击搜索之后，结果区域显示当前系统一共有140个product，但是只有前25个返回并显示在浏览器里。这个分页效果是UI5 OData的参数实现的：$skip=0&top=25。而总数140...

其实就是对 SAP 标准的 Freestyle SAP UI5 应用或者 Fiori Elements 应用的一种增强方式，这种方式能够在不修改原始应用的前提下，对标准应用的行为进行微调，或者添加新的功能。通过访问此端点，ABAP 开发者可以获得一个关于服务器上可用开发功能的清晰视图，这包括但不限于程序、函数模块、类、接口、数据字典对象等的创建和修改服务。这个 XML 文档中，不仅有服务的 URI，还有关于服务的更多详细信息，例如每个服务的功能、所需的参数等。，来测试这个 service 是否正常工作。