SAP 电商云 Spartacus UI 有状态 的 url 和 title 属性的赋值代码
有狀態的 URL
Spartacus 為店面的每一部分提供了一個帶有狀態地址的 URL。這使用戶可以更輕松地瀏覽店面,還允許網絡爬蟲對每個頁面進行索引。因此,可以通過社交媒體、機器人和搜索索引共享更多頁面。
一個例子:
為了為所有內容提供有狀態的 URL,Spartacus 允許深層鏈接來尋址任何頁面。URL 路由配置還可以考慮多站點上下文,以便可以啟動和緩存店面特殊變體的有狀態 URL。
可配置的 URL
您可以使用 pageLabel 字段(位于 CMS 后端中)的配置內容頁面的 URL 。這些頁面標簽無法本地化。
您可以在 Spartacus 中為非 content page 配置 URL。這些主要與產品和類別頁面(catagory page)有關。您可以將產品名稱等屬性配置為 URL 的一部分。例如,產品頁面的默認配置是storefront.com/product/1234,但您可以配置 URL 以包含與產品相關的數據,例如產品或類別標題。
可配置的 URL 通常有助于改進 SEO,但也可用于幫助將現有解決方案遷移到 Spartacus:客戶可以保留其現有 URL,并在 Spartacus 中配置等效 URL。
注:產品代碼用于從后端解析產品數據。URL 的其余部分可以配置用于 SEO 目的。
注意:有些客戶的產品標題帶有無法使用的特殊字符(例如,代碼或標題中有斜線)。這可能需要在 URL 中使用屬性之前或之后對其進行特殊處理。請注意,Spartacus 不包括處理特殊字符的功能。
可索引頁面
服務器端渲染 (SSR) 是一種在服務器端渲染 JavaScript 邏輯,然后在響應中提供豐富內容的技術。SSR 響應包含網絡爬蟲從響應中索引或檢索數據所需的完整 HTML。
SSR 由 Spartacus 提供,并計劃成為 Commerce Cloud 中的默認部署選項。
結構化數據 (schema.org)
結構化數據是一種描述網站頁面內容的標準化方式,使網絡爬蟲和搜索引擎更容易理解。Spartacus 原生支持各種模式。
HTML 標簽
搜索引擎、社交平臺和爬蟲使用 HTML 標簽,尤其是元標簽,將頁面元數據索引到他們的平臺中。Spartacus 提供了多種解析元標記的方法。
HTML title 的賦值代碼位置:
運行時的調試:
再研究 27 行的 pageMetaService 的 getMeta 方法調用。
當 meta$ 被 subscribe 后,依次執行下列邏輯:
- this.cms.getCurrentPage();
- this.getMetaResolver
- this.resolve
每一步驟的輸出都是下一步驟的輸入。
讀取當前頁面的方法:從 ngrx store 里讀取:
讀取回來的 page 數據:
每種不同的頁面,都有對應類型的 resolver:
因為我當前打開的是 product page,所以返回的是 product page meta resolver:
動態調用 resolveTitle 方法:
從代碼能看到業務邏輯:
產品頁面的 title 屬性,值來自產品名稱,產品種類和產品制造商三者的連接。
更多Jerry的原創文章,盡在:“汪子熙”:
總結
以上是生活随笔為你收集整理的SAP 电商云 Spartacus UI 有状态 的 url 和 title 属性的赋值代码的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: FGO牛若丸二技能怎么强化 镰仓活动牛若
- 下一篇: 如何修改 pdf 文件默认的显示图标