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

SAPCommerceCloudSmartEdit学习笔记

时间:2023-04-05 14:35:30 HTML5

官方文档SmartEdit是一个可插入的JavaScript框架,它带有一个UI,使开发人员能够管理现有的网页。SmartEdit生态系统由共同提供SmartEdit产品的模块和扩展组成。SmartEdit是SmartEdit模块中的前端驱动的可扩展应用程序。CMSREST调用的SAPCommerceCloud实施是WCMS模块的一部分。SmartEdit的所有SmartEdit前端扩展都需要npm辅助模块来构建生命周期。您必须安装smarteditaddon插件才能使用SmartEdit编辑SAPCommerceCloudAccelerator店面。smartedit插件在任何基于coreaccelerator的店面中实现SmartEdit合同。SmartEdit是一个用于管理店面内容的Web应用程序。符合SmartEdit店面设计合同的网站店面可以通过SmartEdit进行编辑。对于使用yacceleratorstorefront或yb2bacceleratorstorefrontEXTENSION创建的店面,您可以通过启用smarteditaddon插件使用SmartEdit编辑店面。此插件确保可以使用SmartEditWeb应用程序编辑基于coreaccelerator的店面的内容。cx-for-spa配方包括SmartEdit:当允许使用SmartEditWeb应用程序编辑店面时,各种菜单和操作将显示在店面页面内容的顶部。页面内容可能会因各种条件而异,例如站点、内容目录、内容目录版本、语言以及日期和时间。这些变量中的每一个都构成了用户的体验上下文。SmartEdit使用previewwebservices扩展提供的预览API将店面加载到指定的体验上下文中。SmartEdit架构SmartEdit架构可以分为前端和后端两部分。如下:前端:前端由smartedit和cmssmartedit扩展组成。这些扩展是使用AngularJS框架用JavaScript编写的。为了管理基于JavaScript的扩展的构建生命周期,即清理、构建、打包、缩小或美化代码,需要一些SAPCommerceCloudPlatform默认不提供的库。SmartEdit使用npmancillary扩展来存储和组织所需的库。后端:后端由smarteditwebservices、cmswebservices、cmssmarteditwebservices、cmsfacades、cms2和cms2lib扩展组成。这些扩展是使用Spring框架在Java中构建的。前端使用RESTfulAPI与后端通信。CMS相关的RESTAPI在smarteditwebservices、cmssmarteditwebservices和cmswebservices扩展中定义。CMSAPI使用的业务逻辑驻留在cmsfacades扩展中,它使用cms2和cms2lib扩展中可用的CMS服务。要使用SmartEditWeb应用程序,用户必须通过输入有效的用户名和密码登录。如果用户有效,则将用户凭据发送到授权服务器并返回OAuth令牌。SAPCommerceCloudPlatform支持此授权功能。同样,所有CMSAPI都是安全的,并且在请求标头中需要适当的授权令牌。SmartEdit框架是一个以UI为中心的业务工具框架,允许用户以视觉增强的方式编辑更改。它是一个轻量级的AngularJSJavaScript应用程序,基于SAPCommerceCloud提供的UI(例如网站)和一组定义附加功能的模块。具体的技术设计可以看这里。登录smartedit,选择站点和对应的目录:点击主页:找到这个主页:编辑:页面标签为url:如何创建新页面SmartEdit提供了一个直观的向导,你可以用它来创建类别、内容、电子邮件和产品页面。您还可以向页面添加限制,以指定向客户显示页面的条件。SmartEdit提供了一个直观的向导来帮助您为内容目录创建页面。您可以创建类别、内容、电子邮件和产品页面。创建页面时,您可以选择创建主页面或变体页面。主页是始终向所有用户显示的默认版本。您创建的所有变体页面都基于主页。您不能为页面分配限制。当没有变体页面或没有与当前显示条件匹配的变体页面时,即当显示条件不满足现有的时间、用户组、类别等限制规则时,主页面的变体页面为显示。变体页面基于主页,但添加了限制。限制指定显示变体页面的条件,例如当属于特定组的用户查看页面时,或者当用户在指定日期期间选择页面并且在指定日期有要显示的变体页面时。可以设置Pages添加类别、时间、用户组等限制。您可以添加到变体页面的限制类型取决于页面类型。创建页面时,您应该注意以下几点:(1)如果主页尚不存在,则无法创建变体页面。变体页面必须基于主页。(2)您只能为类别和产品页面类型创建一个主页。(3)您可以为内容页类型创建多个母版页。你只需要为内容页面指定一个页面标签,它在内容目录的版本中必须是唯一的。您在主页上指定一个页面标签,该标签由所有关联的变体页面继承。您可以基于单个主页创建多个变体页面。您必须向变体页面添加至少一项限制。SAP建议您将页面添加到暂存版本的目录,以便稍后可以将更改与在线版本的目录同步。选择模板:选择类型为主:内容页1后台可以查看模板的内容槽位:创建完成后,状态为草稿:点击同步后,报错:无法同步项目。一个或多个item未通过审核创建forpublishing后:其实page和contentslot的定义可以直接通过impex导入到系统中。pagedraftstatus:页面同步的前提条件是状态变为ReadytoSync:要同步,更新页面状态为ReadytoSync注意下图:用admin登录看不到这些:这个涉及到smartEdit中的权限管理。更多Jerry原创文章在这里:《王子熙》: