源代码如下：

<!DOCTYPE html>
<html><head><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Fiori Launchpad Sandbox</title><script>window["sap-ushell-config"] = {defaultRenderer: "fiori2",bootstrapPlugins: {KeyUserPlugin: {component: "sap.ushell.plugins.rta"},PersonalizePlugin: {component: "sap.ushell.plugins.rta-personalize"}},applications: {"display-uimodule": {title: "Products",description: "App Description",icon: "sap-icon://add",additionalInformation: "SAPUI5.Component=tutorial.products",applicationType: "URL",url: "./",navigationMode: "embedded"},"display-uimodule2": {title: "Jerry Products",description: "Jerry's Products",icon: "sap-icon://add",additionalInformation: "SAPUI5.Component=tutorial.products",applicationType: "URL",url: "./",navigationMode: "embedded"}}};</script><scriptid="sap-ui-bootstrap"src="https://sapui5.hana.ondemand.com/test-resources/sap/ushell/bootstrap/sandbox.js"></script><scriptid="sap-ui-bootstrap"src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"data-sap-ui-resourceroots='{"tutorial.products": "./"}'data-sap-ui-theme="sap_fiori_3"data-sap-ui-compatVersion="edge"data-sap-ui-async="true"data-sap-ui-frameOptions="allow"></script><script>sap.ui.getCore().attachInit(() => sap.ushell.Container.createRenderer().placeAt("content"));</script></head><body class="sapUiBody" id="content"></body>
</html>

实现要点

直接给 window 的 sap-ushell-config 属性写入 Fiori Launchpad 的配置值，其中 Launchpad tiles 的配置，写在 applications 字段里：

其中 additionalInformation 字段的 SAPUI5.Component=后面，指定了 tile 对应的 SAP UI5 Component 的技术明细。

该 Component 对应的 Component.js, 必须和 Fiori Launchpad 本地实现的 flpSandbox.html, 位于同一层级结构下：

最后效果如下：

更多Jerry的原创文章，尽在：“汪子熙”:

SAP UI5 的本地 Fiori sandbox Launchpad相关推荐

SAP UI5 CRM Reuse Fiori应用 note.js代码审查结果
目录 1. Unused require statement Line4 could be deleted. 2. Unused code _dateBound = true Is this _dat ...
SAP UI5在本地运行和部署到服务器后运行的差异
Sent: Thursday, December 4, 2014 1:06 PM Subject: local run和GM6上run 框架的处理不一样发现一个问题.同样一行代码:this.getV ...
关于SAP UI5 CRM Reuse Fiori应用的代码审查
目录 1. Question about maven build output If we open the target folder: What is exactly the usage of t ...
SAP UI5 应用开发教程之三十五 - 如何把本地开发的 SAP UI5 应用部署到 ABAP 服务器上
本教程前 34 个步骤, SAP UI5 应用一直是在本地 Visual Studio Code 中开发并通过本地命令行 ui5 serve 启动然后本地测试的. 本步骤我们将学习,如何使用 SAP ...
一键部署开箱即用的代理服务器，解决 SAP UI5 应用开发过程中访问远端 OData 服务的跨域问题试读版
一套适合 SAP UI5 初学者循序渐进的学习教程作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...
SAP Fiori 应用的本地 sandbox Launchpad - 出于测试用途
After you have created an SAPUI5 application project, you should be able to run the SAP Fiori launch ...
SAP UI5 应用开发教程之五十四 - 如何将本地 SAP UI5 应用配置到本地 Fiori Launchpad 中的试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
如何将SAP UI5应用配置到SAP云平台Fiori Launchpad里
在SAP云平台WebIDE里新建一个UI5应用并本地运行通过后,在webapp文件夹下打开manifest.json文件,进入navigation区域,semantic object维护成data,a ...
如何把SAP UI5应用部署到SAP云平台的Fiori Launchpad里去
(1) 首先在WebIDE里把开发好的SAP ui5应用部署到SAP Cloud Platform上: 在弹出窗里维护部署明细: 成功部署后,点击Register to SAP Fiori Launc ...

SAP UI5 的本地 Fiori sandbox Launchpad

实现要点

SAP UI5 的本地 Fiori sandbox Launchpad相关推荐

最新文章

热门文章