天天看點

var oButtonView1 = oView.byId("ButtonView1");

SAP Commerce Cloud Accelerator UI 基于 JSP,屬于伺服器端渲染技術,Commerce 伺服器将渲染好的 HTML 頁面發送給用戶端。

var oButtonView1 = oView.byId("ButtonView1");

當使用者在目前頁面點選某些元素,要跳轉到新的 UI 時,這些新的 UI 和目前頁面是由不同的 page 實作的。是以這些跳轉操作,會觸發浏覽器向伺服器發起新的頁面請求(page request).

var oButtonView1 = oView.byId("ButtonView1");

用戶端收到伺服器發送的頁面響應後,重新整理自己的頁面:

var oButtonView1 = oView.byId("ButtonView1");

而 Spartacus UI 是單頁面應用,用戶端僅僅向伺服器端請求一次頁面模闆代碼( ng build 生成的 JavaScript 代碼):

var oButtonView1 = oView.byId("ButtonView1");

至于頁面要顯示的業務資料,通過 OCC API 調用向伺服器端索取:

var oButtonView1 = oView.byId("ButtonView1");

最後,用戶端也就是浏覽器裡,執行 Angular 架構代碼,執行頁面模闆對應的 JavaScript 代碼,将伺服器端傳回的 OCC API 響應進行渲染,得到最後客戶看到的 Storefront 頁面。

var oButtonView1 = oView.byId("ButtonView1");

當然,Spartacus UI 也支援伺服器端渲染模式:Server Side Render mode,簡稱 SSR,此時頁面源代碼的渲染是在 SSR 伺服器上完成。OCC API 的調用,也是 SSR server 向 Commerce 伺服器發起的。

var oButtonView1 = oView.byId("ButtonView1");