ITPub博客

ng new app 生成的 Angular 应用，自带11个依赖： 使用 Schematics 安装了 library 之后的客户 Storefront： 本地新建一个空的文件夹，在里面执行命令行：npm i @spartacus/storefront 里面只有一个 node_modules 文件夹，里面包含了很多 js 文件和 TypeScript 的 .d.ts 文件：

在 Spartacus-b2b-configuration.module.ts 文件里有下列的代码： const baseSite = environment.epdVisualization ? ['powertools-epdvisualization-spa', 'powertools-spa'] : ['powertools-spa&#

SAP 电商云构建过程的主要步骤，可以通过下面这张图描述： 将包含了客户 project customizations 的 Github repository 进行克隆。 下载必须的 package. 执行 customizations 过程。 进行构建，将结果打包成 docker 镜像。 将 docker 镜像上传到 Docker registry. 在构建过程中，以下几

本文介绍如何配置多个 endpoint 以使用多个 JavaScript 店面。 具体步骤将所有端点配置为指向 JS Storefront 服务。 www.brand1.com → Javascript 店面www.brand2.com → Javascript 店面 在 JavaScript service properties 中配置 endpoint 到店面的映射。 在云门户中，

JavaScript 店面通过快速、响应式和交互式页面提供更具吸引力的客户体验。 它允许通过进行更小、更频繁的更改来提供更高的可靠性。使用 JavaScript 技术栈的 Storefront 创新速度更快，因为可以一次向所有体验推出新功能，同时通过提供可重用的业务功能来降低创新成本。 可以克隆 Commerce Cloud 示例存储库的 2005-spartacus 分支。 此分支包含支持 J

登录界面的 Component selector：cx-update-profile 找到对应的 Component 名称：UpdateProfileComponent： component 只有一个 FormGroup 实例。 service 的 form 什么时候赋的值呢？在 Service class 里复制，没有使用 form builder，而是 手动创建 FormGr

可配置的 HTTP 响应标头提高了应用程序端点的安全性。 如果没有可配置的响应标头，Spartacus JavaScript 店面就有遭受攻击的风险。 配置响应标头集可消除该漏洞并提高 SAP Commerce Cloud 的整体安全性。 忽略 HTTP 像一头字段的配置，可能会让网站遭受一些受攻击的风险： 点击劫持攻击。 它涉及诱使用户单击覆盖的虚假界面，该界面将输入重定向到其他地方；

CPQ 可配置产品集成在 Spartacus 中提供了一个用户界面，用于配置和销售已使用 SAP CPQ 可配置产品集成和相关配置引擎建模的可配置产品。请注意，Spartacus 库不包括 SAP CPQ 本身。 用于可配置产品的 SAP CPQ 集成的 Spartacus 库的初始版本包括以下功能： 捆绑销售和指导销售场景，其中 SAP Commerce 中的捆绑包包含简单（不可配置）产

内容安全策略(Content Security Policy，简称 CSP)是一种工具，允许开发人员指定在通过 Web 浏览器访问 Storefront 页面时允许加载哪些位置和哪些类型的资源。 可以使用内容安全策略来锁定店面应用程序，并降低内容注入漏洞的风险，例如跨站点脚本 (XSS)、代码注入和点击劫持攻击(clickjacking)，以及降低您的店面应用程序执行的权限。 Target

产品是每个目录(catalog)的基本元素。 通过对它们进行分组，您可以按类别(category)排列您的收藏。 为了构建分层的产品结构，可以将产品保存在类别(category)中。 要组织产品，您可以将它们分组到代表逻辑组的类别中。 这使您能够将相关产品组合在一起，例如使用衬衫类别和夹克类别。 您可以将类别与传统商店的部门进行比较。 类别可以包含其他类别，以便您可以将相应的类别包括其产品组合

分销商的意思是指一种致力于为将出售给各种零售商的各种制造商的产品进行库存盘点的企业。 分销商将能够利用更短的交货时间(lead time)，并且通常会以比制造商更少的数量销售。 当产品通过经销商而不是直接从制造商处销售时，通常会收取服务费用。 分销商购买非竞争产品或产品线，产品的转售也可以直接面向客户。 分销商通常与制造商签署协议，这限制了他们销售竞争产品。 该协议通常允许分销商将自己描述为

在面向对象的编程中，命令模式是一种行为设计模式，其中对象用于封装执行操作或稍后触发事件所需的所有信息。 此信息包括方法名称、拥有该方法的对象和方法参数的值。 与命令模式相关的四个术语是命令、接收者、调用者和客户端。 命令对象知道接收者并调用接收者的方法。 接收器方法的参数值存储在命令中。 执行这些方法的接收者对象也通过聚合存储在命令对象中。 然后，当调用 command 中的 execute()

命令和查询提供了一种强大且简化的方式来处理状态（换句话说，加载和缓存），并针对后端系统执行操作。 这类似于 React Query 和 SWR 等库在单页应用程序中处理来自 API 的状态问题的方式。 前端应用状态很大一部分来自后端。 经常用于状态管理的 Redux 架构在创建时并未考虑到这种类型的状态，并且需要大量样板来支持它。 不同类型的状态需要不同的解决方案，并且命令和查询旨在处理来自 Sp

本文研究如下图高亮所示的 SAP 电商云 Footer 区域的设计明细。 对应的 HTML markdup 入口：cx-footer-navigation: cx-footer-navigation 只包含了一个单独的节点：cx-navigation-ui 第二行的 node$ 是具体的数据源。 footer slot 包含两个 Components：FooterNavig

时间限制(Time Restrictions) 允许Commerce Cloud CMS 管理员指定何时向客户显示页面或组件。您只能向变体页面(variant pages)或组件(Components)添加时间限制。您可以在创建或编辑页面时为其添加时间限制。 创建时间限制，请执行下列操作： 向页面添加时间限制： 单击创建页面向导、页面编辑器或克隆页面向导中的限制选项卡。要为组件添加时间限制

本地启动 Hybris 服务器本地启动 SpartacusBackoffice WCMS site 里维护的 preview url 为：http://localhost:4299/powertools-spa 确保浏览器里输入 http://localhost:4299/powertools-spa 之后，可以正常访问。url 自动变为：http://localhost:4299/

执行手动安装时要包含的扩展，必须在 localextensions.xml文件中包含以下扩展： cmsbackofficecmssmarteditcmssmarteditwebservicescmswebservicespermissionswebservicespreviewwebservicessmarteditsmarteditaddonsmarteditwebservicesysma

hybris 的目录实际上是业务元素的集合。因此，Catalog 可以看作是商品的容器，这些产品在 SAP Commerce Cloud 里是可销售的实体（产品），最终用户可以针对这些实体进行交易。 目录不仅限于项目列表，还包括基于这些项目不同的排列方式。举个例子，如果你去美食餐厅，你可以参考他们的菜单（这实际上是一个通用目录，即所谓的 Generalized catalog）。你会注意到，

在文件 projects\storefrontlib\layout\config\default-layout.config.ts 里，定义了各个屏幕尺寸所对应的 breakpoint： export const defaultLayoutConfig: LayoutConfig = { breakpoints: { xs: 576, sm: 768, md:

(1) yarn install(2) 进到 storefrontapp-e2e-cypress 目录再次 yarn install(3) yarn build:libs 脚本命令： cypress run —config-file cypress.ci.json —record —key $CYPRESS_KEY —tag “2011,b2c,all,parallel” —par