使用nodejs将SAP Fiori应用置于本地Launchpad运行-阿里云开发者社区

开发者社区> 开发者小助手-bz4> 正文

使用nodejs将SAP Fiori应用置于本地Launchpad运行

简介: 使用nodejs将SAP Fiori应用置于本地Launchpad运行
+关注继续查看

In the blog Step by step to run your Fiori application locally on NodeJS the steps to run your Fiori application locally by using NodeJS as server are introduced. In that solution, the Fiori application is launched in a standalone mode where sap.ushell.Container is not available. Additionally there is a requirement to put Fiori application to local launchpad as sandbox for unit test purpose.


Final archievement is: you can see a tile for your Fiori project in the local launchpad.

Once tile is clicked, you can see your Fiori application in the local shell.



image.pngThe major required six steps are logically the same as previous blog.


Step 1 ~ Step4: exactly the same as steps in previous blog.

Step 5: the only needed modification on Gruntfile.js is, you should launch a new html page which creates a local launchpad.



image.pngStep 6: Create another html page Sandbox.html.


Key points

(1) declare a dummy render and the navigation target application information when a tile is clicked.



image.png(2) Include sandbox.js :


(3) In Sandbox.html, instead of using ComponentContainer, now we should create the configured renderer using API sap.ushell.Container.createRenderer to leverage on local launchpad instead.

The complete source code of my Sandbox.html for your reference:

<!DOCTYPE HTML>

<html>

   <head>

       <meta http-equiv="X-UA-Compatible" content="IE=edge">

       <title>Jerry's test Fiori application</title>

       <script>

       window["sap-ushell-config"] = {

         defaultRenderer : "fiori2",

         renderers: {

           fiori2: {

             componentData: {

               config: {

                 search: "hidden"

               }

             }

           }

         },

         

         applications: {

           "jerrytestfiori-display": {

             additionalInformation: "SAPUI5.Component=JerryTest",

             applicationType: "URL",

             url: "./",

             title: "Jerry test Fiori application"

           }

         }

       };

       </script>

       <script src="https://sapui5.hana.ondemand.com/test-resources/sap/ushell/bootstrap/sandbox.js" id="sap-ushell-bootstrap"></script>

       <script src="/resources/sap-ui-core.js"

               id="sap-ui-bootstrap"

               data-sap-ui-libs="sap.m, sap.ushell, sap.ui.comp"

               data-sap-ui-theme="sap_bluecrystal"

               data-sap-ui-xx-bindingSyntax="complex">

       </script>

       <script>

           sap.ui.getCore().attachInit(function() {

                   sap.ushell.Container.createRenderer().placeAt("content");

               });

       </script>

   </head>

   <body class="sapUiBody" role="application">

       <div id="content"></div>

   </body>

</html>In the runtime, once the tile is clicked, my Fiori application is opened:

image.pngThe creation of configured render “fiori2” could be debugged from here:image.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
8 0
01_spring_ 简介| 学习笔记
快速学习01_spring_ 简介
10 0
Django框架介绍与安装
软件框架就是为实现或完成某种软件开发时,提供了一些基础的软件产品, 框架的功能类似于基础设施,提供并实现最为基础的软件架构和体系 通常情况下我们依据框架来实现更为复杂的业务程序开发 二个字,框架就是程序的骨架
5 0
微服务架构 | *2.3 Spring Cloud 启动及加载配置文件源码分析(以 Nacos 为例)
Spring Cloud 要实现统一配置管理,需要解决两个问题:如何获取远程服务器配置和如何动态更新配置;在这之前,我们先要知道 Spring Cloud 什么时候给我们加载配置文件;
6 0
昨天你用的 YYYY-MM-dd 被 CTO 捶了吗?
下班回家的路上,习惯性打开 群聊 ,不是为了解答问题,而是不想错过任何一个装 x 的机会。这不,就有胖友聊到一个经典的“神坑”:错误使用 YYYY-MM-dd 格式化时间,导致生产翻车。
6 0
让sentinel-dashboard的流控配置持久化到nacos
让sentinel-dashboard的流控配置持久化到nacos
7 0
xshell+阿里云linux+vue+mysql开发练习
这篇文章记录了我在阿里云进行Linux基础学习的过程,以及根据阿里云进行一些简单的开发实践。
9 0
jquery获取多个相同name的input的value值
jquery获取多个相同name的input的value值
10 0
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
6 0
飞天加速计划·高校学生在家实践
我用阿里云服务器的一些心得
18 0
2315
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载