通过 url 参数 parameters 和 script tag 属性来配置 SAP UI5 运行时

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
简介: Configuration of the SAPUI5 Runtime using URL parameters新建一个 SAP UI5 应用,index.html 实现如下图所示:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8' />
<script
  src="resources/sap-ui-core.js" 
  id="sap-ui-bootstrap"
  data-sap-ui-libs="sap.m"> 
</script>
<script>
  // Set the log level to INFO
  jQuery.sap.log.setLevel(jQuery.sap.log.Level.INFO);
  // Get reference the Core object
  var oCore = sap.ui.getCore();
  // Read Core
  var oLibMap = oCore.getLoadedLibraries();
  for (key in oLibMap) {
    jQuery.sap.log.info("Loaded Library name", key);
  }
  jQuery.sap.log.info("Has model?", oCore.hasModel().toString());
  jQuery.sap.log.info("Is mobile?", oCore.isMobile().toString());
  // Read Configuration object from the Core
  var oConfig = oCore.getConfiguration();
  jQuery.sap.log.info("Accessibility", oConfig.getAccessibility().toString());
  jQuery.sap.log.info("Debug", oConfig.getDebug().toString());
  jQuery.sap.log.info("Language", oConfig.getLanguage());
  jQuery.sap.log.info("Locale", oConfig.getLocale());
  jQuery.sap.log.info("Version of SAPUI5 Framework", oConfig.getVersion());
  jQuery.sap.log.info("Theme", oConfig.getTheme());
  jQuery.sap.log.info("User agent", navigator.userAgent);
  // Reset the log level to default of ERROR 
  jQuery.sap.log.setLevel(jQuery.sap.log.Level.ERROR);
</script>
</head>
<body class="sapUiBody" role="application">
  <div id="content"></div>
</body>
</html>

使用如下的 url 进行测试:


http://localhost:8080/sapui5.configurl.demo?sap-ui-accessibility=false&sap-ui-debug=false&sap-ui-language=de&sap-ui-theme=sap_bluecrystal&data-sap-ui-xx-fakeOS=ios


请根据您的服务器配置使用端口号。 加载 index.html 将在开发者工具控制台中打印日志。 该 URL 包含多个配置参数(格式为 sap-ui-PARAMETER-NAME = ”value”),由第二个脚本区域中的代码读取。 日志级别从默认的 ERROR 更改为 INFO 并返回以打印 jQuery.sap.log.info () 语句。

image.png

Configuration of the SAPUI5 Runtime using script tag attributes

index.html:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8' />
<script
  src="resources/sap-ui-core.js" 
  id="sap-ui-bootstrap"
  data-sap-ui-libs="sap.m" 
  data-sap-ui-accessibility="false"
  data-sap-ui-debug="false"
  data-sap-ui-language="de"
  data-sap-ui-theme="sap_bluecrystal" 
  data-sap-ui-xx-fakeOS="ios">  
</script>
<script>
  // Set the log level to INFO
  jQuery.sap.log.setLevel(jQuery.sap.log.Level.INFO);
  // Get reference the Core object
  var oCore = sap.ui.getCore();
  // Read Core
  var oLibMap = oCore.getLoadedLibraries();
  for (key in oLibMap) {
    jQuery.sap.log.info("Loaded Library name", key);
  }
  jQuery.sap.log.info("Has model?", oCore.hasModel().toString());
  jQuery.sap.log.info("Is mobile?", oCore.isMobile().toString());
  // Read Configuration object from the Core
  var oConfig = oCore.getConfiguration();
  jQuery.sap.log.info("Accessibility", oConfig.getAccessibility().toString());
  jQuery.sap.log.info("Debug", oConfig.getDebug().toString());
  jQuery.sap.log.info("Language", oConfig.getLanguage());
  jQuery.sap.log.info("Locale", oConfig.getLocale());
  jQuery.sap.log.info("Version of SAPUI5 Framework", oConfig.getVersion());
  jQuery.sap.log.info("Theme", oConfig.getTheme());
  jQuery.sap.log.info("User agent", navigator.userAgent);
  // Reset the log level to default of ERROR 
  jQuery.sap.log.setLevel(jQuery.sap.log.Level.ERROR);
</script>
</head>
<body class="sapUiBody" role="application">
  <div id="content"></div>
</body>
</html>

在浏览器中打开如下网址 http://localhost:8080/sapui5.config.demo/

请根据您的服务器配置使用端口号。 加载 index.html 将在开发者工具控制台中打印日志。 第一个脚本区域(也称为 Bootstrap)中的代码包含多个配置参数(格式为 data-sap-ui-PARAMETER-NAME = ”value”),由第二个脚本区域中的代码读取。 日志级别从默认的 ERROR 更改为 INFO 并返回以打印 jQuery.sap.log.info () 语句。


image.png

相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
相关文章
|
6月前
|
移动开发
钉钉H5微应用配置IP,应用首页地址报错:app url exceeds max length limit,这个怎么处理?
钉钉H5微应用配置IP,应用首页地址报错:app url exceeds max length limit,这个怎么处理?
594 0
|
6月前
|
移动开发 前端开发 JavaScript
前端vue2、vue3去掉url路由“ # ”号——nginx配置(一)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
455 0
|
6月前
|
前端开发 JavaScript 应用服务中间件
前端vue2、vue3去掉url路由“ # ”号——nginx配置(二)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
320 0
|
3月前
|
XML Android开发 UED
"掌握安卓开发新境界:深度解析AndroidManifest.xml中的Intent-filter配置,让你的App轻松响应scheme_url,开启无限交互可能!"
【8月更文挑战第2天】在安卓开发中,scheme_url 通过在`AndroidManifest.xml`中配置`Intent-filter`,使应用能响应特定URL启动或执行操作。基本配置下,应用可通过定义特定URL模式的`Intent-filter`响应相应链接。
107 12
|
3月前
|
Shell Android开发
安卓scheme_url调端:在AndroidManifest.xml 中如何配置 Intent-filter?
为了使Android应用响应vivo和oppo浏览器的Deep Link或自定义scheme调用,需在`AndroidManifest.xml`中配置`intent-filter`。定义启动的Activity及其支持的scheme和host,并确保Activity可由外部应用启动。示例展示了如何配置HTTP/HTTPS及自定义scheme,以及如何通过浏览器和adb命令进行测试,确保配置正确无误。
|
3月前
|
前端开发 API
【API管理 APIM】APIM中如何配置使用URL路径的方式传递参数(如由test.htm?name=xxx 变为test\xxx)
【API管理 APIM】APIM中如何配置使用URL路径的方式传递参数(如由test.htm?name=xxx 变为test\xxx)
|
5月前
|
Windows
iis配置http重定向302转发get请求并去掉最后的斜杠/ iis重定向 iis去除url最后的斜杠 iis重定向链接斜杠(已解决)
iis配置http重定向302转发get请求并去掉最后的斜杠/ iis重定向 iis去除url最后的斜杠 iis重定向链接斜杠(已解决)
140 0
|
6月前
|
算法 Oracle Unix
安装完后的SAP有关配置
安装完后的SAP有关配置
75 0
|
6月前
|
机器学习/深度学习 人工智能 API
人工智能平台PAI产品使用合集之机器学习PAI-EAS部署好后,服务的公网API和URL怎么配置
阿里云人工智能平台PAI是一个功能强大、易于使用的AI开发平台,旨在降低AI开发门槛,加速创新,助力企业和开发者高效构建、部署和管理人工智能应用。其中包含了一系列相互协同的产品与服务,共同构成一个完整的人工智能开发与应用生态系统。以下是对PAI产品使用合集的概述,涵盖数据处理、模型开发、训练加速、模型部署及管理等多个环节。
|
6月前
|
JavaScript Windows
VUE部署到IIS中报404错误解决方案-配置URL重写
VUE部署到IIS中报404错误解决方案-配置URL重写
269 0