当前位置: 首页 > Web前端 > HTML

SAP电商云上启用EPD可视化集成的配置步骤

时间:2023-03-28 13:14:24 HTML

在Spartacus-b2b-configuration.module.ts文件中有如下代码:constbaseSite=environment.epdVisualization?['powertools-epdvisualization-spa','powertools-spa']:['powertools-spa'];简单地在b2b.bat文件中设置epdVisualization=true是不行的:正确方法:setCX_B2B=true&&setCX_EPD_VISUALIZATION=true&&setCX_BASE_URL=https://localhost:9002&&yarn启动后出现新错误:Basesitepowertools-epdvisualization-spa不存在安装脚本:https://github.com/SAP/sparta...需要将CX_BASE_URL替换为ccv2:之后它工作正常:本地演示地址:http://localhost:4200/powerto。..本身也在cx-epd-visualization-viewer中:但是在AngularHTML文件中找不到上图高亮的div标签。在visual-viewer.service.ts的构造函数中初始化SAPUI5:读取配置:返回一个新的Observable:加载当前产品的可视化,可见SAPUI5库的初始化是一个懒加载逻辑:动态加载SAPUI5库:在mergeMap中调用初始化函数:加载这些SAPUI5库:core.loadLibrary('sap.m',loadLibraryOptions),core.loadLibrary('sap.ui.layout',loadLibraryOptions),core.loadLibrary('sap.ui.vk',loadLibraryOptions),core.loadLibrary('sap.ui.richtexteditor',loadLibraryOptions),加载动画:看哪个html消耗了cx-epd-visualization-viewer。获取当前selector对应的dom元素:新建一个dom元素:加载3d模型数据:package.json引入了SAPUI5的ts依赖:@sapui5/ts-types-esm这个npm包包含了所有基于ES模块的类型SAPUI5库的签名。这些签名可用于:在IDE中启用高级内容辅助,例如:SAPUI5(VSCode/IntelliJ/Webstorm)。使用TypeScript编译器为SAPUI5应用程序集成类型检查。这两个功能适用于使用TypeScript和JavaScript编写的SAPUI5应用程序。注意:“ESmodulesbased”是指代码需要使用ES6模块语法加载UI5模块,然后需要将其转换为标准的UI5require/definition语法,这是推荐的方法。