共计 2760 个字符，预计需要花费 7 分钟才能阅读完成。
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 这两个实用工具在笔者理论工作中所施展的重要作用。
