Fiori 利用索引(Fiori Application Reference)顾名思义，这是 SAP官网公布的一个Fiori利用检索工具，所有规范公布的Fiori利用的明细都能在这个工具里查到。

截至到笔者写这篇文章的时候，这个网站上显示曾经存在11949个Fiori规范利用了：

2015 年 Fiori 1.0时代，UI格调称为Blue Crystall，过后笔者还在SAP成都研究院的CRM Fiori开发团队工作，咱们从印度共事那里接过了8个CRM Fiori利用，并进行接下来的继续开发。

如何在这个Fiori利用索引大全里找到它们？
点击上图左上方的SAP Fiori apps for SAP Business Suite：

而后抉择依据 Application Component进行过滤：

这个Component就是客户或者Partners，在施行和应用Fiori利用时，如果发现问题，给SAP报incident时须要填的Component字段。

比方Component CRM-FIO-BTX-OPP上面存在一个Fiori利用，即My Opportunities:

这里就能看到它的明细了，比方后盾至多须要CRM EHP3，利用类型为Transactional，反对任意DB，可能在Desktop和Tablet上拜访，App ID为F0012：

其余所有的CRM Fiori利用也能在这里一起找到：

以上提到的8个CRM Fiori利用，其源代码是印度共事和笔者所在的 SAP成都研究院的开发人员一行一行写进去的。咱们说Fiori并不是一门具体的前端技术或者编程语言，而是一门设计语言，代表一种UI设计格调，其实现除了像CRM Fiori那样采纳纯正的UI5原生开发方式进行，还存在上面这三种计划：

(1) SAPGUI是能够通过SAP ITS(Internet Transaction Server)在浏览器里应用的，详情参考笔者之前发表的文章：那些年我用过的SAP IDE。同样，应用SAP ITS在浏览器里运行SAPGUI实现的那些传统的事务码，通过SAP 交互设计师和UI框架开发工程师的致力，也能确保用户在浏览器里应用这些传统事务码时，感触到和用UI5原生开发出的Fiori利用一样晦涩易操作的用户体验。

(2) 采纳SAP UI5技术之外的其余UI开发技术，比方WebDynpro，WebClient UI开发出的Web利用，通过SAP交互设计师和UI框架开发工程师采纳的Visual Harmonization，同样能让这些Web利用的用户体验，能达到和Fiori原生利用比肩的成果。

(3) 采纳SAP S/4HANA CDS view加上大量注解(annotation)的元数据驱动开发方式，当初SAP官网把这种开发方式叫做Fiori Elements.

对于终端用户来说，无论一个Fiori利用采纳其上四种形式的哪一种开发而成，应用体验都没有任何差异。换句话说，这四种开发方式失去的Fiori利用，其实现细节对于用户来说齐全是通明的。

而对于施行Fiori的技术人员来说，如果有必要深刻到这些技术实现细节中，能够在Fiori利用索引大全上，依据Application Type字段进行过滤。

采纳WebClient UI技术实现的Fiori利用只有119个，只占总数的1%左右。

外面就包含笔者之前的文章 Hello World, S/4HANA for Customer Management 1.0 提到的在传统SAP CRM里创立服务订单应用的WebClient UI利用，现在通过Visual Harmonization，退出了S/4HANA Fiori利用的小家庭。

S/4HANA里创立服务订单这个利用的ID为TBT116MCR：

在事务码CRMC_UI_NBLINKS里能找到对应的WebUI component为BT116M_SRVO:


帮忙文档地址：https://help.sap.com/viewer/p...

除了 Fiori Application Reference 之外，SAP 也提供了许多性能来进步应用 SAP Fiori Elements 或者 SAPUI5 自由式办法开发 SAP Fiori 应用程序的效率。

SAP Fiori 工具与 SAP Fiori Elements 一起缩小了开发工夫、保护老本，并利用了元数据驱动的 UI 的劣势。
SAP Fiori 工具包含以下扩大：

  • 用于初始创立应用程序的向导。
  • 用于查看数据模型的服务建模器。
  • 用于保护正文的 XML 和基于表单的编辑器(仅限 SAP Fiori Elements）
  • 应用程序页面构造和配置 SAPUI5 灵活性设置的能力(仅限 SAP Fiori Elements）
  • 用于施行性能的疏导式开发(仅限 SAP Fiori Elements)

如果采纳 Visual Studio Code 作为 SAP UI5 开发工具，咱们能够通过装置一个名为 SAP Fiori Tools -Extension Pack 的扩大，来装置 SAP Fiori Tools：

更具体的采纳 Visual Studio Code 来搭建 SAP UI5 的本地开发环境的步骤，请参考我的文章：SAP UI5 本地开发环境的搭建。

这个工具还有一个命令行接口，Command Line Interface 缩写为 CLI.

npm 仓库地址如下：https://www.npmjs.com/package...

SAP Fiori Tools - UI5 Tooling 蕴含一系列可与命令 ui5 serve 一起应用的自定义中间件，以及可与命令 ui5 build 一起应用的自定义工作。

此外，该模块公开了 fiori 这个命名行，例如 fiori run 命令是 ui5 serve 命令的包装器，并提供了一些附加参数以及 fiori add deploy-config 和 fiori add flp-config 以扩大现有我的项目。

如果本地运行命令行 npm run deploy 之后出错：

fiori is not recognized as an internal or external command

查看 SAP UI5 我的项目里的 package.json 文件里的 dependencies, 查看是否定义了 Fiori Tools CLI 对应的依赖：

"@sap/ux-ui5-tooling": "1.0.10"

增加后运行 npm install，而后 fiori add deploy-config, 遇到新的谬误音讯：

Error: Cannot find module '@ui5/fs'

那么将 "@ui5/fs": "2.0.1" 增加到 devDependencies 区域：

之后看到 Fiori tools CLI 的提醒音讯，阐明 Fiori Tools CLI 曾经可用了：

总结

本文顺次分享了 Fiori Application Reference 和 Fiori Tools 这两个实用工具在笔者理论工作中所施展的重要作用。