SAP C4C url Mashup的跳转工作原理 - 新的浏览器窗口是如何打开的

简介: SAP C4C url Mashup的跳转工作原理 - 新的浏览器窗口是如何打开的

一个例子:

我在SalesLead TI页面的这个tab里配置了一个url Mashup,点击之后会跳转到bing的页面:image.png然而从Chrome开发者工具的Elements标签页里并未看到target url.image.pngimage.png这个mashupID末尾为10,我在运行时点击之后:image.png在Chrome开发者工具的network标签页里,看到一个HTTP请求去读取Mashup component:image.png下图可见,我们在RUI里创建Mashup,保存之后生成的也是一个UI component:image.pngimage.pngimage.pngimage.pngimage.png相关的Mashup实现文件:image.pngimage.pngimage.pngttps://c4cstatic.hana.ondemand.com/resourcesvc/2002.2.1.0.1583807562475/SAP_UI/HTML5/resources/sap/client/mashup/common/util/Util-dbg.js


https://c4cstatic.hana.ondemand.com/resourcesvc/2002.2.1.0.1583807562475/SAP_UI/HTML5/resources/sap/client/mashup/rt/util/InportAdapter-dbg.js


注意,url mashup lazy load,未点超链接之前,没有url生成,也没有上述这些文件的加载。

点击超链接之后:image.pngimage.pngimage.png传递到Mashup的输入参数,在InportAdapter._getSystemParameters里生成:image.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.png下面这行代码执行完之后,新的Chrome tab就打开了:

that.emit(“inportFired”, mData);

image.pngInportFire的处理函数:image.pngimage.pngimage.png从inport里解析出action:image.pngimage.png跳转的目的地已经维护在oAction变量里了:image.pngoService.createUrl, 开始拼凑Mashup的url了:image.pngimage.pnghttps://c4cstatic.hana.ondemand.com/resourcesvc/2002.2.1.0.1583807562475/SAP_UI/HTML5/resources/sap/client/mashup/common/model/MashupComponentModelService-dbg.js?eval


最后打开浏览器新窗口的代码是在window.open里实现的:image.pngimage.png


相关文章
|
6月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
|
6月前
|
前端开发 JavaScript
前端知识(十)———JavaScript 使用URL跳转传递数组对象数据类型的方法
前端知识(十)———JavaScript 使用URL跳转传递数组对象数据类型的方法
116 0
|
小程序 前端开发 PHP
PHP实现生成小程序二维码带参数进入指定页面、小程序URL scheme实现携带数据跳转小程序
PHP实现生成小程序二维码带参数进入指定页面、小程序URL scheme实现携带数据跳转小程序
212 0
|
2月前
|
安全 PHP 开发者
Web安全-URL跳转与钓鱼
Web安全-URL跳转与钓鱼
43 8
|
6月前
|
Web App开发 JavaScript 前端开发
浏览器与Node.js事件循环:异同点及工作原理
浏览器与Node.js事件循环:异同点及工作原理
|
5月前
|
JavaScript 前端开发 网络协议
浏览器的工作原理
主要分为导航、获取数据、HTML解析、css解析、执行javaScript、渲染树几个步骤。
57 1
|
4月前
|
缓存 JavaScript 前端开发
前端 JS 经典:浏览器中 ESModule 的工作原理
前端 JS 经典:浏览器中 ESModule 的工作原理
47 0
|
5月前
|
应用服务中间件 nginx Windows
nginx实现网站url带参跳转 POST请求GET请求跳转
nginx实现网站url带参跳转 POST请求GET请求跳转
255 1
|
4月前
|
UED
返回按钮——没有上一页的URL时,跳转到首页(document.referrer的妙用)
返回按钮——没有上一页的URL时,跳转到首页(document.referrer的妙用)
34 0
|
6月前
|
XML JavaScript 数据格式
SAP UI5 XML Preprocessor 的工作原理和 instructions 指令详解
SAP UI5 XML Preprocessor 的工作原理和 instructions 指令详解