许多SAP Lumira数据可视化扩展已经开发并开源,是在SAP Lumira SDK中使用Lumira VizPacker实用程序开发的。然而,自从用于sapwebide的Vizpacker插件达到功能对等以来,SAP一直建议使用sapwebide环境为saplumira开发可视化扩展。Raz Korn在他的博客中解释了使用sapwebide而不是SAP lumiravizpacker实用程序的好处,以及为什么强烈建议那些想要构建酷,SAP Lumira的数据可视化扩展很有吸引力。
我参与了将SAP Lumira SDK中创建的现有viz扩展迁移到SAP Web IDE的过程。在我的博客文章中,我也解释了我是如何迁移Mustafa Aydogdu的足球热图扩展的一个例子。
在这里,我想强调一下我在从Lumira SDK迁移到Web IDE的过程中所面临的一些挑战。在迁移过程中要遵循的一般步骤非常简单明了,淘客单,正如董潘在博客中所解释的那样。但是,在某些特殊情况下,扩展需要外部资源,例如外部JavaScript文件,大数据发展前景,或者可能需要加载图像文件来呈现图表的某些部分。这就是我想在本文中重点讨论的内容。我相信并希望这将有助于许多开发人员,他们正在尝试在Web IDE中构建Lumira可视化扩展,甚至尝试迁移以前使用基于Lumira VizPacker实用工具的SDK创建的旧扩展。
在我关于迁移足球热图扩展的博客文章中,我确实提到了一个外部文件名为heatmap2.js是包的一部分。类似地,作为这个博客中的一个例子,我将使用一个名为dummyproject的项目和一个名为外部.js
现在让我们通过三个简单的步骤来了解如何导入外部或第三方匿名模块或资源,以用作在WebIDE中构建的新扩展的一部分。
步骤1:将文件与 *-捆绑包.js文件
例如,在上面的截图片段中,物联网模块,我们看到我们的项目包JS文件名为dummyproject-捆绑包.js. 通常,我们有-捆绑包.js,包含在文件夹中。所有外部资源应与此项目捆绑文件并行导入。为此,右键单击包含文件夹(本例中为dummyproject文件夹)的Import From File System。这样,所有需要的资源都与项目包文件并行地加载到同一个包含文件夹中。
第2步:在顶级define()加载资源
现在这一步非常重要,因为即使我们已经将资源加载到项目文件结构中,我们仍然需要通过我们的代码调用这些资源。首先也是最重要的一点,在程序顶部的define()函数中调用依赖项渲染.js文件。
注意我们如何调用外部而不是外部.js
第三步:通过require函数调用资源
在主源代码中,我们添加了一个require函数,什么是大数据分析,如下所示:
完成上述步骤后,我们现在可以继续像往常一样在Web IDE中构建我们的Lumira扩展!
特别感谢:Raz Korn、George Wang和Andrew Zhu在整理这些有用的提示时提供的帮助和支持。
注意:这些说明仅提供有关如何将外部资源和依赖项包含到Web IDE项目中的信息,一般来说,不是关于如何创建基于Web IDE的Lumira可视化扩展。
嗨,Suantak,
感谢博客和关于如何使用Web IDE实现扩展的信息,有一件事阻止了我使用它。
原因是Web IDE默认为d3.js版本2.10,但Lumira本身默认为3.4.12
你知道为什么吗?
干杯
罗伯特
嗨,物联网应用技术,罗伯特,
谢谢你查看我的博客。您在webide和Lumira中使用的d3版本之间提出的问题是我们目前正在尝试解决的问题。很抱歉,我不知道为什么,但我们的开发团队正在努力,我很高兴尽快让您知道结果。
也为您干杯!
-安妮
嗨安妮,
感谢您的及时回复!
再次欢呼
罗伯特
随时欢迎!
嗨,罗伯特,
我相信你现在已经意识到了,但我只是想把它说出来。你所面临的关于D3版本的问题已经不再流行了。WebIDE和Lumira一样支持D3v3。
只是想让大家知道,以防错过更新。
谢谢,
安妮
嗨,罗伯特,谢谢这篇有用的帖子!正是我要找的!非常感谢,蒂洛