SAP Fiori Elements 应用里的 ui5.yaml 文件详解试读版

简介: SAP Fiori Elements 应用里的 ui5.yaml 文件详解试读版

本教程第 4 篇文章,我们介绍了本地启动 SAP Fiori Elements 应用的三种模式。


以默认方式即命令行yarn start 启动之后,项目文件夹里的 ui5.yaml 文件会默认被加载并解析。


ui5.yaml 这个文件,在本地开发 Freestyle UI5 时也会遇到,笔者在另一套教程 一套适合 SAP UI5 开发人员循序渐进的学习教程里曾经介绍过:




本文继续介绍这个 ui5.yaml 文件和 Fiori Elements 本地开发相关的知识。


迄今为止,我们开发的 Fiori Elements 应用的场景是,运行在本地,即 localhost:8080 的 Fiori Elements 应用,去调用部署在 SAP ES5 服务器上的 OData 服务,将 OData 服务调用结果显示在浏览器里。


  • 本地应用的协议是 http, 主机名 localhost, 端口号 8080
  • 远端 ES5 OData 服务的地址:https://sapes5.sapdevcenter.com,协议是 https, 主机名 sapes5.sapdevcenter.com,端口号 80.


因此这是一个典型的浏览器跨域访问的场景,直接在本地 Fiori Elements 应用里通过 JavaScript 跨域访问 ES5 的 OData 服务,会被浏览器安全策略阻止。


既然浏览器跨域访问是一个极为常见的场景,因此解决这个问题,也存在各种各样的解决方案:







本教程使用的方式是在 ui5.yaml 里配置 fiori-tools-proxy 这个代理服务器的解决方案。


我们在 Chrome 开发者工具 network 面板里观察到 Fiori Elements 应用发起的 OData 请求 url:

http://localhost:8080/sap/opu/odata/sap/SEPMRA_PROD_MAN/


可以看到,这个 url 也是以 http://localhost:8080 开头,因此规避了跨域问题。


但是,localhost:8080 这个主机上并没有 /sap/opu/odata/sap/SEPMRA_PROD_MAN/ 这个 OData 服务,因为该服务是部署在 SAP ES5 服务器上的。


这就是 fiori-tools-proxy 代理服务器发挥作用的地方。


下面是本文的详细内容


相关文章
|
29天前
|
存储 运维 Serverless
函数计算产品使用问题之在YAML文件中配置了环境变量,但在PHP代码中无法读取到这些环境变量,是什么原因
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
17天前
|
Python
python存取yaml文件
python存取yaml文件
|
1月前
|
数据安全/隐私保护 Python
经验大分享:python读取yaml文件
经验大分享:python读取yaml文件
22 0
|
1月前
|
存储 Java 应用服务中间件
后端企业级开发之yaml数据序列化格式文件详解2024
后端企业级开发之yaml数据序列化格式文件详解2024
17 0
|
1月前
|
SQL 监控 Java
实时计算 Flink版产品使用问题之在进行数据同步时,修改了YAML文件以增加新的同步表并取消了之前的同步任务,如何从之前的检查点继续执行
实时计算Flink版作为一种强大的流处理和批处理统一的计算框架,广泛应用于各种需要实时数据处理和分析的场景。实时计算Flink版通常结合SQL接口、DataStream API、以及与上下游数据源和存储系统的丰富连接器,提供了一套全面的解决方案,以应对各种实时计算需求。其低延迟、高吞吐、容错性强的特点,使其成为众多企业和组织实时数据处理首选的技术平台。以下是实时计算Flink版的一些典型使用合集。
|
2月前
|
Kubernetes 应用服务中间件 数据安全/隐私保护
yaml文件格式详解 及 k8s实战演示
yaml文件格式详解 及 k8s实战演示
|
2月前
|
XML 存储 Java
【OpenCV】—输入输出XML和YAML文件
【OpenCV】—输入输出XML和YAML文件
157 1
|
2月前
|
JavaScript 前端开发
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
|
2月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
2月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍