关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节

笔者之前的文章到底什么样的 ABAP 系统能运行 Fiori 应用曾经提到,我们可以把SAP GUI里的传统事务码放到SAP Launchpad里启动,并在浏览器里运行。

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第1张图片

这是事物码 SE80 在浏览器里运行的界面:

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第2张图片

笔者最初注意到这种将SAP GUI里的事务码运行在浏览器里的做法,是在日常工作的测试时,发现Fiori Launchpad里这个Create Material的tile.

回忆一下,原生的Fiori应用,无论我们在页面内进行何种点击操作,都不会跳转到一个全新的页面去,即不会打开一个新的浏览器窗口,或者一个新的标签页——Fiori原生应用,所有的用户操作都在一个页面内完成,页面的切换通过SAP UI5的router组件完成,这是一个典型的Single Page Application的特征。

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第3张图片

反之,当我点击了上图Create Material tile之后,启动的应用是在另一个新的Chrome标签页里打开并操作的,请大家注意上图红色新开启的标签页。

这就说明,这个Create Material tile背后的应用不是基于SAP UI5开发的Fiori原生应用。
那么它又是用什么技术开发的呢?仔细观察url:

https://:44311/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?sap-client=928&sap-language=EN#Material-create?sap-ui-tech-hint=GUI
发现了这个片段:sap-ui-tech-hint=GUI

这暗示我们,该应用的UI是基于SAP GUI绘制的。
我们在浏览器里打开该应用:

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第4张图片

把上图该应用的界面同SAP GUI里S/4HANA的物料主数据创建事务码MM01的界面做对比:

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第5张图片

发现除了外观风格外,二者的字段名称,位置,布局完全一致。结合种种我们观察到的结果,显然这个Create Material tile指向的应用是基于SAP GUI里MM01事务码包裹而成的。

在浏览器里打开该tile,在Chrome开发者工具中把tile所属的Fiori Catalog ID记录下来:SAP_CMD_BC_PR_MAINT

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第6张图片

在Fiori Launchpad里根据该ID打开对应的catalog,发现有好几个和Material相关的跳转对象,其类型都为SAP GUI里的Transaction:

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第7张图片

我们之前发现的url片段,sap-ui-tech-hint=GUI,就配置在这里:

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第8张图片

跳转的目的事务码ID MM01,配置在此处。同时Device Types里只支持桌面,这没什么问题,因为SAP GUI通过浏览器渲染出来的界面,不像SAP UI5那样具有响应式布局的功能,因此只能运行在桌面浏览器里。

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第9张图片

在运行时,一旦SAP UI5框架代码解析到sap-ui-tech-hint参数的值为GUI,就执行对应的渲染逻辑。

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第10张图片

在Chrome开发者工具的Sources标签页里,能看到gui/sap/its这个路径片段。

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第11张图片

ITS即Internet Trasaction Server,SAP Netweaver里一项非常古老的技术,这个技术提供的组件能解析使用SAP GUI技术开发出的screen的元数据并渲染成HTML,从而能够让SAP GUI的事务码运行在浏览器里。

关于SAP ITS in SAP NetWeaver Application Server的更多介绍,参考SAP 帮助文档

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第12张图片

如果我们想体验ITS,也很容易。SICF事务码,输入webgui,执行:

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第13张图片

发现这个节点正好位于本文正在讨论的its节点下:

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第14张图片

右键单击webgui,选择Test Service:

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第15张图片

自动弹出了浏览器窗口,显示的页面同使用SAP GUI登录系统后显示的初始页面一致。
接下来可以像使用SAP GUI那样,在浏览器里输入事务码并执行了。比如SE38进入ABAP编辑器:

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第16张图片
关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第17张图片

下面介绍如何将事务码 SE80置于SAP Fiori Launchpad并在浏览器里运行。
本文基于的SAP UI5版本号为1.38.9:

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第18张图片

根据英文博客的网友反馈,在UI5 1.52.1,S/4HANA 1709上测试通过。

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第19张图片

假设我们想把在Fiori Launchpad上启动SE80应用的tile配置到这个名叫“SAP Fiori Extensibility”的catalog去,

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第20张图片

首先可以打开Chrome开发者工具,重新刷新页面,在Network标签页里打开Fiori页面加载产生的HTTP请求,在请求正文里把上图catalog ID抄下来:SAP_FIORI_EXTENSIBILITY.

如果不想用Chrome开发者工具,也可以直接登录后台,通过查询登录用户分配的PFCG角色,也能找到这个ID:

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第21张图片

打开Fiori Launchpad Designer,输入刚才找到的catalog ID,打开,创建一个新的tile:

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第22张图片

维护tile标题,Semantic Object,Action和参数。

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第23张图片

保存这个tile,自动生成一个url,后续点击该tile后,新打开的浏览器窗口就会加载它。

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第24张图片

下一步我们需要指定这个tile点击后跳转的目标对象(Target Mapping):

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第25张图片

在Intent里选择刚才创建tile时维护的Semantic Object和Action,在Target区域,Application Type选择Transaction,只有这样才能在浏览器里打开SAP GUI里的事务码。Transaction字段维护成SE80.

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第26张图片

保存之后,在Target Mapping列表里看到一条新生成的记录:

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第27张图片

最后一步,将这个新建的tile配置到SAP Fiori Extensibility这个catalog里。

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第28张图片
关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第29张图片

点击Tile,SE80事务码能够如我们期望的方式在浏览器里打开了。

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第30张图片

注意这种方式打开的事务码,实际上是运行在Fiori Launchpad所部署在的gateway系统上。如果你的Fiori解决方案,gateway系统和后台系统是两台不同的服务器,需要在SPRO Manage SAP System Aliases里维护一条记录,通过该记录把一个System Alias映射到一个在SM59里创建的,指向后台系统的RFC Destination. 假设这个Alias取名为S4CMD:

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第31张图片

然后把该Alias维护到tile的Target Mapping里即可。

关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节_第32张图片

总结

本文前半部分,首先介绍了将 SAPGUI 传统的事物码,嵌入到 Fiori Launchpad 中启动并在浏览器里运行的技术原理,接着以每一位 ABAP 开发人员每天都会使用的事物码 SE80 为例,介绍了将其配置到 Fiori Launchpad 的详细步骤。

你可能感兴趣的:(关于 SAPGUI 事物码在 Fiori Launchpad 中嵌入运行的技术细节)