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:
http://localhost:4200/electronics-spa/en/USD/cx-preview?cmsTi…
在 SAP Commerce Cloud Spartacus UI 中,申请 http://localhost:4200/electronics-spa/en/USD/cx-preview?cmsTi… 中的 ”cx-preview” 是一个非凡的标识符,用于批示进行预览操作。
“cx-preview” 作为 URI 门路的一部分,用于告知零碎将申请定向到预览模式。它用于辨别预览模式和惯例模式之间的申请,以便零碎可能依据申请类型进行相应的解决。
在 Spartacus UI 中,预览模式容许用户在编辑过程中查看更改后的网站外观和性能。通过应用 ”cx-preview” 标识符,能够将申请定向到预览环境,以便在编辑器中进行实时预览。
申请中的 ”en” 示意申请的语言版本,”USD” 示意申请的货币代码,而 ”cmsTicketId” 是一个预览票据 ID,用于在预览环境中惟一标识该次预览操作。
通过在 URI 中增加 ”cx-preview”,零碎可能辨认申请的预览模式,并依据该模式加载相应的内容和性能。这使得用户能够在编辑过程中查看并测试其所做的更改,并确保最终的页面出现合乎预期。
总而言之,”cx-preview” 作为申请中的一部分,用于批示 SAP Commerce Cloud Spartacus UI 进入预览模式,以便用户能够实时查看和测试其所做的更改。这为用户提供了一个牢靠的形式来验证和调整页面的外观和性能,以满足其需要。