这个博客只关注在FIORI（ECC）中使用外部采购目录ARIBA的技术细节，而不是创建PR。对于采购，用户启动外部目录（punch out），使用OCI（Open catalog Interface）从目录中选择项目并返回。有许多博客解释了OCI的概念，因此我们将不深入讨论。简单地说，OCI接口是一个简单的协议，它使用一个简单的HTTP get或post命令启动一个供应商目录，从目录返回也是一个简单的回发。

这个博客重点介绍了

从FIORI调用外部目录（ARIBA）的技术方法–简单的HTTP post将目录项返回给FIORI–从httppost捕获响应表单数据

让我们先了解流程。HTTP POST调用结构在SPRO中维护。对于请购单，路径是SPRO->Materials Management->Purchasing->Environment Data->webservices:ID和Description。读取这些参数时，虚拟主机，它们各自的值在SPRO（fixed或runtime）中维护，并完成一个简单的HTML表单POST。这将调用ARIBA目录。

这里最重要的部分是HOOK\u URL，它将包含目录必须返回的路径以及响应项。

技术上，在ECC WSI\u CALL中，FM通过指定web服务id和HOOK\u URL来调用外部目录。WSI\u CALL内部调用WSI\u CUSTOMIZING\u READ来读取SPRO调用结构。

Odata服务中使用的方法是重用相同的FM WSI\u CUSTOMIZING\u READ，参数（如上面的屏幕截图中的值）返回到UI，该UI构建一个与ECC中相同的HTML POST。此HTML表单POST启动外部目录阿里巴。带有ODATA输入的HTML表单内置UI如下：

2。将目录项目返回到FIORI–捕获响应HTTP POST

在目录启动并创建购物车之后，在签出购物车项目之后，使用OCI返回购物车项目。UI5无法读取此内容。因此，使用的方法是将目录重定向到BSP应用程序（HOOK\u URL），该应用程序读取请求表单字段并将其返回给FIORI。

在简单的HTTP post中，指定了BSP应用程序URL。此BSP应用程序在网关服务器上开发。

使用的方法是读取网关上BSP中的HTTP表单数据，并使用ECC上开发的自定义RFC FM使用相同的标准FM映射该数据。FM是在ECC中开发的，物联网行业，因为所有标准OCI FM都在ECC上可用，而不是在gateway上。

步骤1：读取响应表单数据

在BSP的初始化事件中，表单数据使用以下代码读取。

此内部表gt\u myattr包含名称-值对中的所有购物车项目。然后将此表转换为标准FM中预期的上述格式的字符串。

第2步：将ARIBA响应映射为所需格式并以JSON对象格式返回到网关的RFC

FM遵循标准代码方法：

第3步：将JSON对象传递给UI5应用程序，以便可以使用它绑定所需格式中的数据UI元素（窗体或表格）

变量gv\u json\u c包含json数据。从RFC获取JSON数据后，在线建站平台，下一步是将其传递给UI5应用程序。此BSP呈现时，abap变量无法识别，并且控制台中会抛出错误。因此，这里使用了一种变通方法，返利商城系统开发，而不是直接在Javascript中传递abap变量，而是使用textedit，并将变量gv\u json\u c绑定到该BSP元素。在BSP页面onLoad事件（突出显示）上调用Javascript displayPopup。

一旦加载BSP页面，就调用displayPopup Javascript函数。textedit的值在变量中读取，发发淘客助手，并使用window.opener.CallParent文件（值）。在UI5中，此JSON对象值被读取并显示在表或其他UI控件中。

这完成了从FIORI调用外部目录、创建购物车以及从Odata端将项目返回FIORI应用程序的循环。

对于UI代码，请参考拉宾的博客：

https://blogs.sap.com/2019/01/02/integrate-ariba-catalog-with-custom-ui5-application/