软件开发中的可重用性是快速开发的关键,它确保您不会每次都从零开始,并且在整个套件中保持一致性。
我们在UI5应用程序中投入了大量时间,我们希望重用一些构件。但令我惊讶的是,云服务市场,在WebIDE中没有直接的方法来创建可重用的库(比如sap.m),这是开发UI5应用程序的首选方法。我终于能够装箱一个库,并在多个应用程序中使用它。当我开始分析时,返利淘联盟,我发现了这个博客,非常兴奋,云机服务器,但不幸的是,这个选项在我们的WebIDE版本中不可用–
https://blogs.sap.com/2017/12/18/create-link-a-custom-fiori-library-reusable-component-using-web-ide12/
这个博客总结了我在网上进行研究和学习的步骤并调试标准SAP库。
使用Web IDE模板创建SAP UI5应用程序–
为项目命名并在视图中选择"无",然后按Finish–
删除自动生成的控制器和视图文件夹并创建新文件图书馆.js在webapp文件夹中,如下所示(这只是一个框架为确保SAP服务器将其视为一个库)–
右键单击应用程序并将其作为一个新应用程序部署到SAP前端服务器上。
现在是有趣的部分–
如果您检查您的WebIDE应用程序,将创建一个名为"dist"的新文件夹。这用于在ABAP前端服务器上部署应用程序。如果我们展开文件夹结构,大数据用什么数据库,将创建一个名为Component的新文件-预加载.js. 这是我们感兴趣的。
在ABAP前端服务器中打开您的应用程序(作为BSP组件部署)。文件夹结构如下–
注意,我有一个javascript文件初始化地图.js我想从不同的应用程序中重用它。
打开UIRepositoryPathMapping.xml文件. 查找组件的映射项-预加载.js并将路径替换为库-预加载.js. 保存并激活文件。同时激活应用程序(就像它执行某种再生一样)。现在使用report/UI5/APP\u index\u CALCULATE重新计算SAPUI5应用程序索引(有关更多详细信息,请参阅SAP帮助文档)。
在消费应用程序上
打开消费应用程序并在清单中将其声明为依赖项–
现在无论何时需要库,只需执行以下操作jQuery.sap.require要求还有javascript文件将加载。
如何检查是否工作
打开开发工具(在chrome F12上)并在"require"语句后的源代码行放置断点,以便停止处理。
转到"网络"选项卡并在库上进行筛选。我们就能找到图书馆了-预加载.js文件在这里–
现在转到源选项卡。我们可以看到我们的库有一个单独的文件夹,JavaScript文件也被加载了–
所有的工作都完成了。现在,您可以在部署在前端服务器上的launchpad上的任何Ui5应用程序中即插即用自己的Ui5库。您可以使用它将第三方API移动到SAP应用程序服务器(以避免COR),大数据100,或创建自定义控件库或任何其他可能适用于您的环境的用例。