SAP|SAP 电商云启用 EPD Visualization Integration 的配置步骤
在 Spartacus-b2b-configuration.module.ts 文件里有下列的代码：
const baseSite = environment.epdVisualization
? ['powertools-epdvisualization-spa', 'powertools-spa']
: ['powertools-spa'];
文章图片
简单的在
b2b.bat 文件里设置 epdVisualization=true 是不能工作的：
文章图片
正确做法：
set CX_B2B=true&& set CX_EPD_VISUALIZATION=true&& set CX_BASE_URL=https://localhost:9002&& yarn start之后有新的错误：
文章图片
文章图片
Base site powertools-epdvisualization-spa doesn't exist安装脚本：https://github.com/SAP/sparta...
需要将
CX_BASE_URL 替换成 ccv2：
文章图片
之后工作正常：
文章图片
本地 demo 地址：
http://localhost:4200/powerto...
文章图片
本身也在
cx-epd-visualization-viewer 之内：
文章图片
但是上图这个高亮的 div 标签，在 Angular HTML 文件里找不到。
在
visual-viewer.service.ts 的构造函数里初始化 SAP UI5：
文章图片
读取配置：
文章图片
返回一个新的 Observable：
文章图片
加载当前产品的 visualization，可见 SAP UI5 library 的初始化是一个 lazy load 逻辑：
文章图片
【SAP|SAP 电商云启用 EPD Visualization Integration 的配置步骤】动态加载 SAP UI5 library：
文章图片
initialize 函数是在 mergeMap 里被调用的：
文章图片
文章图片
加载这几个 SAP UI5 library：
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 引入了 SAP UI5 的 ts 依赖：
@sapui5/ts-types-esm
文章图片
文章图片
这个 npm package 包含所有 SAPUI5 库的基于 ES 模块的类型签名。
这些签名可用于：
- 在 IDE 中启用高级内容辅助，例如：SAPUI5 的 (VSCode / IntelliJ / Webstorm)。
- 使用 TypeScript 编译器为 SAPUI5 应用程序集成类型检查。
这两个功能可用于以 TypeScript 和 JavaScript 编写的 SAPUI5 应用程序。
推荐阅读
- SAP|SAP 电商云的构建过程中涉及到的三种不同环境类型
- SAP|SAP 电商云的 Spartacus Storefront 如何配置多个 JavaScript Application
- SAP|SAP 电商云的 Spartacus Storefront 部署到 CCV2 的前提条件
- 使用|使用 SAP ABAP 封装的 Office Integration class 访问本地 Excel 文件
- 【智能金融】黑科技让银行们“长牙齿”，是该让马云颤抖了！
- 云迁移和管理成本偏离轨道的不同方式及管理措施
- 《云计算架构技术与实践》连载（2）（1.2|《云计算架构技术与实践》连载（2）：1.2 云计算的发展趋势）
- 大咖说·图书分享｜数字化转型架构（方法论与云原生实践）
- 云计算|Azure基础（Azure Key Vault介绍(30)）
- 再论ORACLE上云通用技术方案