原创 關於 SAP Spartacus 服務器端渲染 SSR fallback 到 CSR 的疑問

I am working on SNOW ticket https://diablo.service-now.com/20210803/workspace/agent/record/sn_customerservice_case/7ef92

原创 Debug a Server–Side Rendered SAP Spartacus Storefront Using Chrome Dev Tools

In SAP Spartacus document there is a page for "How to Debug a Server–Side Rendered Storefront" using Visual Studio Code.

原创 Angular 應用 bootstrapModule 映射的 app Component 的初始化邏輯

main.js 裏指定的 AppModule 作爲 bootstrap module: 該 module 包含的 bootstrap Component 爲 AppComponent: 如果遇到 SAP Spartacus 白屏問題,首

原创 SAP Spartacus lazy load 的一個例子 - User Module

package.json 裏面能發現 user 和 asm 是單獨安裝的: 之後,會出現在工程文件夾 Spartacus/features 文件夾下面: 在 user-feature.module.ts 裏,使用 import 動態加

原创 如何打印出 SAP Spartacus 調用 OCC API 消費的所有 endpoint

本文寫作的 SAP Spartacus 版本:3.3.0. 直接修改這個文件: [email protected]\core_ivy_ngcc_\fesm2015\spartacus-core.js 第3027行的 getUrl

原创 如何找到 SAP Spartacus OCC cms page 發送請求時讀取 API endpoint 的代碼

CmsComponentAdapter: OccCmsComponentAdapter: 此處發起對 home page 的調用: 讀取 CMS API 的 url: 這就是我在代碼裏配置的 endpoint: 下次遇到類

原创 SAP Commerce Cloud UI 的用戶會話管理

這是 Jerry 2021 年的第 51 篇文章,也是汪子熙公衆號總共第 328 篇原創文章。 如無特殊說明,本公衆號介紹的 SAP Commerce Cloud UI,均指新一代基於 Spartacus 開源項目開發的 UI,而非傳統的基

原创 如何修改 SAP Spartacus CMS API 默認的 endpoint

修改 Spartacus-configuration.module.ts 文件裏的 occ 配置對象:例如在 cms 前綴後面加上1: import { NgModule } from '@angular/core'; import {

原创 SAP Spartacus layoutSlots ID 和 CMSComponent 的映射關係

在 Spartacus-configuration.module.ts 裏可以打印出默認的 layout Config 對象: 這些都是 slots id,如何映射到 CMS Component? 比如索引爲3的 SiteLogo,

原创 紀念特洛伊英雄 Sinon - SAP UI5 Mock Server 使用步驟和工作原理介紹

這是 Jerry 2021 年的第 63 篇文章,也是汪子熙公衆號總共第 340 篇原創文章。 蜀相

原创 Chrome Elements 標籤頁 和 View Source 的顯示爲什麼有差異

我發現的問題,meta 標籤在 Chrome 開發者工具 Elements 面板裏存在: 但是在 view source 裏沒有: 搜索 StackOverflow,有人遇到了同樣的問題。 https://stackoverflow.c

原创 SAP Spartacus PageMetaResolver 的單元測試

PageMetaResolver 的實現: 如果傳入的 Page 的類型和模板,同本 PageMetaResolver 負責的類型和模板匹配,得分就加一,否則減一。 Service 就是 PageMetaResolver,如果其負責的 p

原创 SAP Spartacus PageMetaService 的單元測試

test.js: const FILE = ['./cms/facade/page-meta.service.spec.ts']; context.keys().filter( name => !!FILE.includes(name))

原创 SAP Spartacus CMSService 的調用棧以及 meta 標籤的生成過程

SAP Spartacus 有多達 31 個 AppInitiators: SeoModule 是其中之一。 initSeoService 方法裏,執行 SeoMetaService 的 init 方法。 Init 方法裏,讀取 me

原创 基於 SAP Spartacus 的 SAP 電商雲 SEO 搜索引擎優化的一個例子

這是一個客戶採取 SAP Spartacus 實施的 Storefront - 電商店鋪,已經上線了: https://lego.yellowblocks.me/en-ae/ 該網站開啓了 SSR 即服務器端渲染模式,便於網站的內容被網絡