当前位置: 首页 > Web前端 > HTML5

SAPFiori应用索引大全工具和SAPFiori工具介绍

时间:2023-04-05 00:00:04 HTML5

Fiori应用参考(FioriApplicationReference)顾名思义,这是SAP官方发布的一款Fiori应用检索工具。所有标准Fiori应用程序的详细信息都可以在工具中找到。截至笔者撰写本文时,该网站显示已有11949个Fiori标准应用:2015年Fiori1.0时代,UI风格为BlueCrystall。当时,笔者还在SAP成都研究院CRMFiori开发团队工作,我们从我们的印度同事那里接管了8个CRMFiori应用程序并继续开发它们。如何在这个Fiori应用程序索引中找到它们?点击上图左上角的SAPFioriappsforSAPBusinessSuite:然后选择按ApplicationComponent过滤:这个Component是客户还是Partners。在实施和使用Fiori应用时,如果发现问题,需要填写ComponentwhenreportingtheincidenttoSAP字段。比如ComponentCRM-FIO-BTX-OPP下有一个Fiori应用,即MyOpportunities:你可以在这里看到它的详细信息,比如后台至少需要CRMEHP3,应用类型是Transactional,支持任意DB,并且可以在桌面和平板上使用访问网站,AppID是F0012:所有其他CRMFiori应用程序也可以在这里找到:上面提到的8个CRMFiori应用程序的源代码是SAP成都研究院的开发者作者逐行工作。写出来。我们说Fiori不是一种具体的前端技术或编程语言,而是一种设计语言,它代表了一种UI设计风格。除了像CRMFiori这样的纯UI5原生开发方式,还有以下三种解决方案:(1)通过SAPITS(InternetTransactionServer)在浏览器中使用SAPGUI。具体可以参考作者发表的文章:那些年我用过的SAPIDE。同样,通过SAP交互设计师和UI框架开发工程师的努力,使用SAPITS在浏览器中运行SAPGUI实现的传统事务代码,也能保证用户在浏览器中使用这些传统事务代码时的感受和体验。用户体验与最初使用UI5开发的Fiori应用程序一样流畅和易于操作。(2)使用SAPUI5技术以外的其他UI开发技术,如WebDynpro、WebClientUI开发Web应用,通过SAP交互设计师和UI框架开发工程师采用的VisualHarmonization,也可以使这些Web应用的用户体验,可以达到和Fiori原生应用一样的效果。(3)采用元数据驱动的SAPS/4HANACDS视图加大量注解的开发方式。现在SAP官方称这种开发方式为FioriElements。对于终端用户来说,一个Fiori应用无论采用以上四种方式开发,用户体验并没有什么区别。也就是说,这四种开发方式得到的Fiori应用的实现细节对用户是完全透明的。对于实施Fiori的技术人员来说,如果需要深入了解这些技术实施的细节,可以根据Fiori应用索引百科上的ApplicationType字段进行筛选。采用WebClientUI技术实现的Fiori应用只有119个,仅占总数的1%左右。包括笔者上一篇文章HelloWorld,S/4HANAforCustomerManagement1.0中提到的传统SAPCRM中用于创建服务订单的WebClientUI应用。现在,通过VisualHarmonization,它已加入S/4HANAFiori应用程序家族。S/4HANA中创建服务订单的应用ID为TBT116MCR:在事务码CRMC_UI_NBLINKS中可以找到对应的WebUI组件为BT116M_SRVO:帮助文档地址:https://help.sap.com/viewer/p...exceptFiori除了ApplicationReference,SAP还提供了很多功能来提高使用SAPFioriElements或SAPUI5freestyle方法开发SAPFiori应用程序的效率。SAPFiori工具与SAPFiori元素一起减少了开发时间和维护成本,并利用了元数据驱动的UI。SAPFiori工具包括以下扩展:用于初始应用程序创建的向导。用于查看数据模型的服务建模器。用于维护注释的XML和基于表单的编辑器(仅限SAPFioriElements)应用程序页面结构和配置SAPUI5灵活性设置的能力(仅限SAPFioriElements)实现功能的指导开发(仅限SAPFioriElements)SAPUI5开发工具,我们可以通过安装一个名为SAPFioriTools-ExtensionPack的扩展来安装SAPFioriTools:更具体的,使用VisualStudioCode搭建SAPUI5本地开发环境的步骤,可以参考我的文章:SAPUI5本地开发环境搭建。这个工具还有一个命令行界面,CommandLineInterface简称CLI.npm仓库地址如下:https://www.npmjs.com/package...SAPFioriTools-UI5Tooling包含了一系列自定义的要使用的中间件,以及可以与命令ui5build一起使用的自定义任务。此外,该模块公开了fiori命名行,例如fiorirun命令是ui5serve命令的包装器,提供一些附加参数以及fioriadddeploy-config和fioriaddflp-config以扩展现有项目。如果运行命令行npmrundeploylocally后报错:fioriisnotrecognizedasaninternalorexternalcommand查看SAPUI5项目中package.json文件中的依赖,查看FioriToolsCLI对应的依赖是否正确defined:"@sap/ux-ui5-tooling":"1.0.10"添加后运行npminstall,然后fioriadddeploy-config,遇到新的错误信息:Error:Cannotfindmodule'@ui5/fs',然后"@ui5/fs":"2.0.1"添加到devDependencies区域:看到FioritoolsCLI的提示信息后,说明FioriToolsCLI已经可用了:综上所述,本文分享两个实用工具、FioriApplicationReference和FioriTools,在笔者的实际工作中发挥了重要作用。