为什么SAP GUI里的传统事务码能通过Fiori Launchpad启动并运行在浏览器里

今天是农历鼠年大年初六，本文是鼠年第6篇文章，也是汪子熙公众号第205篇原创文章。

大家这几天宅得怎么样了？

Jerry之前的文章 那些年我用过的SAP IDE 曾经提到，我们可以把SAP GUI里的传统事务码放到SAP Launchpad里启动，并在浏览器里运行。

这是SE80在浏览器里运行的界面：

为响应government号召，尽量少出门，反正也闲着没事，今天我们就来聊聊这一切是怎么实现的。

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

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

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

这就说明，这个Create Material tile背后的应用不是基于SAP UI5开发的Fiori原生应用。

那么它又是用什么技术开发的呢？仔细观察url:

https://<hostname>: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绘制的。

我们在浏览器里打开该应用：

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

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

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

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

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

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

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

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

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

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

SAP Help Portal

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

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

右键单击webgui，选择Test Service：

自动弹出了浏览器窗口，显示的页面同使用SAP GUI登录系统后显示的初始页面一致。

接下来可以像使用SAP GUI那样，在浏览器里输入事务码并执行了。比如SE38进入ABAP编辑器：

后续Jerry会介绍如何把一个SAP GUI的事务码(无论是标准的事务码还是用户自定义的事务码)配置到SAP Fiori Launchpad并打开。

《终结者》里最经典的机器人型号T-800，内置金属骨架，外表覆盖生物组织以及仿生皮肤，由于外表和人类几乎一模一样，所以能轻松渗透到人类群体。然而人类忠实的伙伴，狗，可以轻松分辨出T-800和普通人类。

希望本文Jerry介绍的这些内容也能帮助大家轻松分辨Fiori原生应用和采用SAP ITS技术渲染的伪Fiori应用。感谢阅读。

更多阅读

 

• Jerry的通过CDS view + Smart Template 开发Fiori应用的blog合集
• SAP Fiori应用的三种部署方式
• Jerry的Fiori原创文章合集
• SAP成都C4C小李探花：浅谈Fiori Design Guidelines
• SAP Fiori + Vue = ？
• Fiori Fundamentals和SAP UI5 Web Components
• 30分钟用Restful ABAP Programming模型开发一个支持增删改查的Fiori应用
• SAP Fiori应用索引大全
• 介绍一种Fiori标准应用的增强方式
• 揭开SAP Fiori编程模型规范里注解的神秘面纱 - @ObjectModel.readOnly工作原理解析
• 为什么SAP GUI里的传统事务码能通过Fiori Launchpad启动并运行在浏览器里

要获取更多Jerry的原创文章，请关注公众号"汪子熙".