likes
comments
collection
share

SAP UI5 应用的 OData 元数据请求的发送原理分析

作者站长头像
站长
· 阅读数 20

当我们的 SAP UI5 应用里使用了 OData 模型从远端服务器读取数据,具体实现细节可以参考我这篇文章:SAP UI5 初学者教程之二十四 - 如何使用 OData 数据模型,可以在 Chrome 开发者工具里,观察到一个由 SAP UI5 框架自动发出的元数据请求。

SAP UI5 应用的 OData 元数据请求的发送原理分析

请求的 url :

https://services.odata.org/V2...$metadata?sap-language=EN

该请求没有 content-type 字段,只有一个 accept 字段,值为:application/xml

SAP UI5 应用的 OData 元数据请求的发送原理分析

还有一个 MaxDataServiceVersion,值为 3.0

响应的头部字段里,没有 Accept 字段,只有 Content-Type 字段,注意大小写:

SAP UI5 应用的 OData 元数据请求的发送原理分析

具体发起该 HTTP 请求的代码位置:ODataMetadata 的 _loadMetadata 方法:

SAP UI5 应用的 OData 元数据请求的发送原理分析

SAP UI5 应用的 OData 元数据请求的发送原理分析

在构造函数里触发 _loadMetadata:

SAP UI5 应用的 OData 元数据请求的发送原理分析

基于 url 创建 request 对象:

SAP UI5 应用的 OData 元数据请求的发送原理分析

根据如下的 API 获得 HTTP 请求支持的语言:Accept-Language

sap.ui.getCore().getConfiguration().getLanguageTag()

计算出来是:en-US

SAP UI5 应用的 OData 元数据请求的发送原理分析

bAsync 标志位为 true,代表这是个异步请求:

SAP UI5 应用的 OData 元数据请求的发送原理分析

withCredentials 标志位为 false:SAP UI5 应用的 OData 元数据请求的发送原理分析

然后使用传统的 promise API 发起请求:SAP UI5 应用的 OData 元数据请求的发送原理分析

如果 metadata 加载成功,就在其回调里执行初始化逻辑:

if (!this.oMetadata.isLoaded()) {
                this.oMetadata.attachFailed(this.onMetadataFailed);
            }

SAP UI5 应用的 OData 元数据请求的发送原理分析

下面调用 OData API,传入刚才构造好的请求对象,进行请求发送:

SAP UI5 应用的 OData 元数据请求的发送原理分析

进入 datajs.js, 首先 prepareRequest:

SAP UI5 应用的 OData 元数据请求的发送原理分析

SAP UI5 应用的 OData 元数据请求的发送原理分析

normalizeHeaders:对头部字段进行规范化处理,其实就是将头部字段转换成小写:SAP UI5 应用的 OData 元数据请求的发送原理分析

然后调用 invokeRequest 进行发送:SAP UI5 应用的 OData 元数据请求的发送原理分析

移交给 httpClient:

SAP UI5 应用的 OData 元数据请求的发送原理分析

datajs.js 的底层还是基于 XHR 即 XmlHttpRequest:SAP UI5 应用的 OData 元数据请求的发送原理分析

直接使用浏览器原生的 XMLHttpRequest:

SAP UI5 应用的 OData 元数据请求的发送原理分析

这里的 fallback 机制用的是已经很古老的 ActiveXObject 了,现代浏览器都不会执行到:

var createXmlHttpRequest = function () {
        /// <summary>Creates a XmlHttpRequest object.</summary>
        /// <returns type="XmlHttpRequest">XmlHttpRequest object.</returns>
        if (window.XMLHttpRequest) {
            return new window.XMLHttpRequest();
        }
        var exception;
        if (window.ActiveXObject) {
            try {
                return new window.ActiveXObject("Msxml2.XMLHTTP.6.0");
            } catch (_) {
                try {
                    return new window.ActiveXObject("Msxml2.XMLHTTP.3.0");
                } catch (e) {
                    exception = e;
                }
            }
        } else {
            exception = { message: "XMLHttpRequest not supported" };
        }
        throw exception;
    };

最后调用 xhr.open:

SAP UI5 应用的 OData 元数据请求的发送原理分析

使用 send api 进行请求发送。

SAP UI5 应用的 OData 元数据请求的发送原理分析

更多Jerry的原创文章,尽在:"汪子熙":SAP UI5 应用的 OData 元数据请求的发送原理分析