日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

SAP 电商云 Spartacus UI 有状态 的 url 和 title 属性的赋值代码

發布時間:2023/12/19 编程问答 47 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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 属性的赋值代码的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。