Preview API使得SmartEdit能够将商户网站加载到请求的体验环境上的iframe中。体验环境是指特定站点、目录和目录版本的商户网站,并且还可以是指定的语言、日期和时间。
为了以指定的体验环境呈现商户网站,SmartEdit将请求的商户网站加载到请求的体验环境的iframe中。
为了在请求的体验环境中加载商户网站,SmartEdit框架执行以下操作:
-
向预览API发送请求的体验环境的POST请求,并从中获取预览 ticket ID。
-
使用附加了/cx-preview的URI和具有 preview ticket ID作为值的cmsTicketId请求参数,调用体验环境的商户网站首页。
-
将请求的页面加载到iframe中。
下面的负载必须发布到 /previewwebservices/v1/preview
:
{
"catalog":"apparel-ukContentCatalog",
"catalogVersion":"Staged",
"language":"en",
"resourcePath":"/the/path/to/my/storefront/site"
"time": "2016-12-20T08:51:36-0500",
"catalogVersions" : [{
"catalog" : "apparelProductCatalog",
"catalogVersion" : "Online"
}, {
"catalog" : "apparel-ukContentCatalog",
"catalogVersion" : "Staged"
}]
}
例子:
response 会返回一个 ticket ID:
然后下一个 HTTP 请求会附带上这个 ticketID:
在SAP Commerce Cloud Spartacus UI中,请求http://localhost:4200/electronics-spa/en/USD/cx-preview?cmsTicketId=6479476541756704a0f97884-1774-40da-8a98-75464b21cd8c中的"cx-preview"是一个特殊的标识符,用于指示进行预览操作。
"cx-preview"作为URI路径的一部分,用于告知系统将请求定向到预览模式。它用于区分预览模式和常规模式之间的请求,以便系统能够根据请求类型进行相应的处理。
在Spartacus UI中,预览模式允许用户在编辑过程中查看更改后的网站外观和功能。通过使用"cx-preview"标识符,可以将请求定向到预览环境,以便在编辑器中进行实时预览。
请求中的"en"表示请求的语言版本,"USD"表示请求的货币代码,而"cmsTicketId"是一个预览票据ID,用于在预览环境中唯一标识该次预览操作。
通过在URI中添加"cx-preview",系统能够识别请求的预览模式,并根据该模式加载相应的内容和功能。这使得用户可以在编辑过程中查看并测试其所做的更改,并确保最终的页面呈现符合预期。
总而言之,"cx-preview"作为请求中的一部分,用于指示SAP Commerce Cloud Spartacus UI进入预览模式,以便用户可以实时查看和测试其所做的更改。这为用户提供了一个可靠的方式来验证和调整页面的外观和功能,以满足其需求。
- SmartEdit Commerce preview Cloud SAPsmartedit commerce preview cloud webapplicationinjector smartedit commerce cloud webservices smartedit commerce cloud smartedit commerce模式cloud smartedit commerce ckeditor cloud footernavigationcomponent commerce cloud sap commerce模式cloud sap commerce cloud sap component smartedit commerce例子 storefront smartedit commerce标签