這是 Jerry 2021 年的第 72 篇文章，也是汪子熙公眾號總共第 349 篇原創文章。

基於 ABAP 技術棧的 SAP 產品，客戶可以透過安裝 Enhancement Package(增強包)的方式，為當前使用的應用匯入新的功能。

Enhancement Package(增強包)，顧名思義，包含了應用程式增強功能的集合。客戶可以根據企業實際的業務流程，有選擇性的啟用增強包裡的部分新功能。每個新增的功能，都對應著一個 Business Function.只有在系統中啟用 Business Function 後，其對應的新功能，包含前臺頁面，後臺業務程式，以及 SPRO 實施活動才會生效。

![](https://img-blog.csdnimg.cn/img_convert/d8760173ac48c6f6d3854b58a5f1d9de.png)
藉助增強包，客戶能夠在不升級 Netweaver 版本的情況下，使用到 SAP 產品的新功能。Business Function 則對增強包中的新功能，提供了更細粒度的管理靈活性，客戶能夠根據自己的實際需要，有選擇性地啟用部分新功能。

ABAP Business Function 對增強包新功能的控制，最終透過其包含的 Business Switch 即業務開關實現。該開關和我們實際生活中的開關概念一致，具有 On 和 Off 兩種狀態。業務開關能夠控制 ABAP 前後臺程式碼實現的行為，以及後臺配置表中的記錄。

![](https://img-blog.csdnimg.cn/img_convert/7a90ffbede52fef250634261028ef4d8.png)

下面透過實際的例子來說明。

SAP CRM 透過中介軟體可以從 SAP ERP 下載物料主資料。SAP ERP 作為這個資料交換場景的源系統，可以繼續對物料主資料某些欄位做修改，這些修改會自動同步到 CRM，這稱為 Delta Download.

但是，某些欄位的修改，在 SAP CRM 的預設實現裡是無法接收到的。比如 SAP ERP 起初維護了英文和中文版本的物料描述文字，這兩個版本的描述資訊成功同步到 SAP CRM 之後，客戶再在 ERP 刪除中文版本的描述文字，則這個刪除動作，無法同步到 SAP CRM.

因此 Jerry 之前工作過的 SAP CRM 開發團隊，在 SAP CRM EHP3 裡開發了一個新功能，用於支援上述描述的場景。

下圖展示了事物碼 SFW5 裡包裹該新功能的 Business Function，ID 為 CRM_PROD_REQ_LOAD_SUBTRACTION.

當前處於未啟用狀態。

![](https://img-blog.csdnimg.cn/img_convert/a598fa2a330536f3f5a92e63e4f3e9b4.png)

雙擊則能進入該 Business Function 明細頁面，找到關聯的業務開關 CRM_PROD_SETTYPE_RL_SUBTRACT.

![](https://img-blog.csdnimg.cn/img_convert/16f5649e796d7fb9dd6d62f63ca0090f.png)
在 ABAP 程式碼裡，我們使用工具類，判斷該開關的狀態。如果狀態為關閉，直接返回，不執行包含新功能的後續程式碼。

![](https://img-blog.csdnimg.cn/img_convert/d953ce189ff2b8457b551f86452d5218.png)

總之，SAP ABAP Enhancement Package 裡新增添的應用業務邏輯，總是包裹在一段以檢查業務開關狀態作為條件評估的 IF 程式碼塊裡，虛擬碼如下：

IF 對應的業務開關處於開啟狀態.
執行增強包的新功能.
ENDIF.

除了程式碼邏輯外，前臺 UI 頁面某些元素的顯示與否，也能透過業務開關動態控制。比如下圖這個 SAP CRM 產品搜尋頁面的 Simple Search 按鈕,就被一個 ID 為 CRM_MD_PRD_SEARCH 的業務開關控制。僅當該開關開啟時，才會執行到下圖第 6 行開始的程式碼，將按鈕繪製到頁面上。

![](https://img-blog.csdnimg.cn/img_convert/f6a88693b942d1ba60aff0a3413de37e.png)

簡而言之，當 SAP Enhancement Package 安裝到系統之後，增強包內的程式碼，資料庫表和其他 ABAP 資源均已儲存到系統內。除非顯式開啟新功能對應的業務開關，否則新功能不會生效。

# SAP 電商雲

在 SAP 電商雲 Spartacus UI 中也可以採取所謂的 Feature Level 概念，給使用者提供有選擇性地啟用部分新功能的靈活度。

SAP 電商雲 Spartacus UI 本身是一個高度模組化的 Storefront 開發框架和開發庫，電商網站執行涉及到的功能塊，按照業務層面劃分並實現在不同的功能模組(Feature Modules)裡，這些功能模組的列表下圖所示：

![](https://img-blog.csdnimg.cn/img_convert/f732f8e8950b3df0ccf3e99316948639.png)

客戶實施 Spartacus 時，可以根據自己的實際業務，有選擇性地安裝功能模組。

下圖是一個例子，我安裝 Spartacus 時，選擇了 Store Finder 和 Tracking 相關的幾個功能模組，而未選擇 Product Configurator, Qualtrics 和 SmartEdit 這三個功能模組：

![](https://img-blog.csdnimg.cn/img_convert/55dba75d3e7b746d735f25463a6df4ed.png)

最後客戶決定啟用的所有功能模組，透過藍色高亮資訊顯示在安裝控制檯：
![](https://img-blog.csdnimg.cn/img_convert/d1d42d30fbc24f959d33a3aafa0be449.png)

基於選擇的這些功能模組，構建出的 JavaScript Bundles 檔案如下圖所示：

![](https://img-blog.csdnimg.cn/img_convert/32cf640a5f42f3262b10906494b802dc.png)

未啟用的功能模組，不會參加構建，當然更不會出現在最終 Spartacus Storefront 的執行時環境裡。這個機制有助於減小構建出的 JavaScript Storefront Bundles 檔案尺寸，提高執行時載入資源的速度。

至此不難看出，SAP 電商雲 Spartacus UI 功能模組這一選擇性安裝的機制，同本文前半部分介紹的 SAP ABAP 增強包全部安裝，部分啟用的機制有所區別。

當然，SAP 電商雲 Spartacus UI 也存在類似 SAP ABAP 增強包的表現行為，即客戶已經將新功能的實現程式碼安裝到了本地，只是透過某種開關的控制，暫時不啟用。Feature Level 就扮演了這個開關的角色。

由於歷史原因，像修改電商頁面全域性 Directionality 這種特性，並沒有封裝到某個功能模組裡，而是透過 Feature Level 控制。

世界上某些國家和地區，比如使用阿拉伯語和希伯來語的客戶，習慣以從右到左的方式瀏覽網頁。為了滿足 SAP 產品標準之一即 Internationalization(國際化，簡稱 i18n), SAP 電商雲 Spartacus UI 也對這部分客戶的瀏覽習慣提供了支援。

下圖是預設的使用從左到右的方式渲染的 SAP 電商雲主頁，SAP Logo 在螢幕上方最左邊，購物車圖示在螢幕上方最右邊：

![](https://img-blog.csdnimg.cn/img_convert/4ce1262b066dccbc0b6e6a493ecb61c7.png)

在產品明細頁面裡，產品圖片在左邊，新增到購物車的按鈕在右邊：

![](https://img-blog.csdnimg.cn/img_convert/f0b918728f9777b238b28be92491922c.png)

下面是一個測試，我們使用下列配置，告訴 SAP 電商雲 Spartacus UI，當客戶使用的語言為 zh 即中文時，讓電商頁面按照從右到左(Right to Left, RTL) 的方式渲染：

![](https://img-blog.csdnimg.cn/img_convert/bea6eed445a02c6564dca7311545349f.png)

在 RTL 顯示模式下，SAP Logo 和購物車的位置調換了順序，整個螢幕成了 LTR 模式下顯示頁面的一個映象。
![](https://img-blog.csdnimg.cn/img_convert/433bd9bd75ec0e313c4551a49ad0058f.png)

![](https://img-blog.csdnimg.cn/img_convert/5cae2039d9f32b838944e6a5b2e3d596.png)

按照 Spartacus 官網文件，從 2.1 版本開始提供對 Directionality 的支援。

![](https://img-blog.csdnimg.cn/img_convert/c630c160d24d61dfb44aad503c05ae10.png)

在 Spartacus 初始化鉤子函式 APP_INITIALIZER 裡，存在一段包裹在 IF 語句中的程式碼，邏輯和之前介紹 ABAP 業務開關時提到的虛擬碼很像。

這段程式碼的語義是，如果當前 Spartacus Feature Level 大於等於 2.1，則執行 Directionality 相關的邏輯處理。
![](https://img-blog.csdnimg.cn/img_convert/8f3d936a031e1f7ed3ad764bedc1c251.png)

因此，如果出於某種原因，需要在 2.1 之後的版本中，暫時停用 Directionality, 除了修改對應的語言配置外，最快捷的做法就是，將當前 Spartacus 應用的 Feature Level，降至 2.1 之前的版本，比如 2.0：

![](https://img-blog.csdnimg.cn/img_convert/f322c78c477c2628c89d01c43855f60b.png)

如此一來，雖然我在第 116 行的設定裡，讓 Spartacus 在客戶使用中文登入時，以 RTL 模式顯示，但是第 110 行的 Feature Level 設定具有更高的優先順序。

這個例子裡，因為當前 Feature Level 並沒有達到啟用 Directionality 所需的最低要求，所以最後我使用中文登入時，Spartacus 仍然採用預設的 LTR 模式顯示：
![](https://img-blog.csdnimg.cn/img_convert/b5dc0da5e8da2a1429c08c4b9fbd5965.png)

SAP 電商雲 Spartacus UI 的 Feature Level 除了能控制應用程式的執行邏輯外，也能像前文介紹的 ABAP 業務開關一樣，動態控制 UI 元素的顯示與否，而且使用方式更加簡潔易懂。

看個具體的例子。下圖是 SAP 電商雲 Spartacus UI 購物車介面，點選紅色的 Proceed To Checkout 按鈕可以跳轉到結帳頁面。

![](https://img-blog.csdnimg.cn/img_convert/79c244003308933dac01addb389e6a13.png)

點選 Proceed To Checkout 按鈕之後，我們會向 SAP Commerce Cloud 後臺發起一個 Cart Validation 的 API 呼叫，對當前購物車的內容進行校驗。我們最初的實現，並未將該按鈕禁用，因此如果使用者短時間內迅速點選該按鈕，每點選一次都會觸發一次 API 呼叫：

![](https://img-blog.csdnimg.cn/img_convert/0155bcb695076b2032ede58688f774f7.png)

於是，在版本 4.2 裡，我們用自開發的按鈕控制元件，Progress  Button, 替換了之前版本里使用的普通 Button.

兩種按鈕在沒有被使用者點選之前，外觀沒有任何區別，然而點選之後，Progress Button 會出現一個旋轉的動畫效果，讓客戶無法重複點選。

這種 Progress Button 被點選之後，外觀如下：

![](https://img-blog.csdnimg.cn/img_convert/4283010ba5fd24b4364cf4735f87ba48.png)

兩種按鈕在最終渲染出的 HTML 頁面裡原始碼差異比較如下：

![](https://img-blog.csdnimg.cn/img_convert/5962597c872e47fd04fdd8f09af7734c.png)

在購物車頁面裡，我們使用自定義指令 cxFeatureLevel，實現了兩種按鈕的條件顯示邏輯：如果 Feature Level 小於 4.2，顯示普通 Button；否則顯示 Progress Button：

![](https://img-blog.csdnimg.cn/img_convert/292a5ed5192ee2278ea612f414f4a123.png)

自定義指令 cxFeatureLevel 的實現原理為，當指令傳入的 Feature Level 同當前應用配置的 Feature Level 相匹配時，呼叫 Angular ViewContainerRef 動態建立檢視的方法 createEmbeddedView，將施加了該指令的 DOM 元素繪製出來。

![](https://img-blog.csdnimg.cn/img_convert/ae1d02f2d09e6b18e2da904d6d3840b5.png)

# 總結

ABAP 業務開關和 SAP 電商雲 Spartacus UI 的 Feature Level，二者實現原理各不相同，但都能夠給客戶提供一定的自由度，讓其靈活控制某些業務功能的啟用和關閉。

**Jerry 的 SAP 電商雲 Spartacus UI 開發合集**

*   [從一個實際的例子出發，談談SAP Commerce Cloud電商雲的UI自定義開發](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247491695&idx=1&sn=6affe95459e8d5f1e998fdc426b8d759&chksm=ead652f8dda1dbee864b66a033bc6a39877fbd9f83225ee057624c5f47c8516f4782757f94a2&scene=21#wechat_redirect)

*   [SAP Commerce Cloud (電商雲) UI 的懶載入功能](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247491712&idx=1&sn=4605662c08eb81ee5f3bcaf8a10a9464&chksm=ead65217dda1db01397065181b534b66270eab3336894adda387f91a7ec69f37f5d8c35c099c&scene=21#wechat_redirect)

*   [SAP CRM Fiori 應用和 SAP Commerce Cloud (電商雲) UI 如何透過調整CSS來改變UI顯示風格](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247491736&idx=1&sn=f65bbda4e8b2226ab3c9d4fc4d8a5919&chksm=ead6520fdda1db19c7d3d1b4d50005eedc7da7df4e99b4784ea287dadd03c16278e9e3d8baf3&scene=21#wechat_redirect)

*   [SAP 產品一脈相承的 UI 增強思路，在 SAP Commerce Cloud(電商雲) UI 增強實現中的體現](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247491759&idx=1&sn=3243302470e47a3e472960c0e78d9c1e&chksm=ead65238dda1db2e7dc008ee5f1db0710b815dcac3d8787fb6f00337422a3fd06310cecf547a&scene=21#wechat_redirect)

*   [一小時內在本地搭建SAP Commerce Cloud(電商雲)的前後臺執行環境](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247491814&idx=1&sn=4eae20513c64ae3d02db0e0cea0101ef&chksm=ead65271dda1db678b6d54485603ba0cce263bf751c346b47310fac29741d77c2ab834e69887&scene=21#wechat_redirect)

*   [SAP Commerce Cloud ( 電商雲 ) 路由路徑的自定義配置與開發](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247491908&idx=1&sn=391f3069597e21d342ce86fdbbef8d0c&chksm=ead653d3dda1dac520f13876de26994fa33ad1f55d616d67b86914bc559427190387770d69d5&scene=21#wechat_redirect)

*   [SAP UI渲染模式：客戶端渲染 VS 伺服器端渲染](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247491417&idx=1&sn=db841236e406d2bb3aeb9677596927e9&chksm=ead5adcedda224d8e4d0161bfda0e3da0d0cbf6d87cee20978767cbe6fdbb6e56caf177e18a8&scene=21#wechat_redirect)

*   [響應式程式設計在 SAP 標準產品 UI 開發中的一個實踐](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247492627&idx=1&sn=2f879542eefcd13cca66d6f0dabf2964&chksm=ead65684dda1df923bb11f5da42616a1693f2d8eb7e0218a5a4d3f1a4b59eb957dc105d42938&scene=21#wechat_redirect)

*   [SAP Commerce Cloud UI 的使用者會話管理](http://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247493059&idx=1&sn=3e56adfcd4b0562172ca87ec338fd536&chksm=ead65754dda1de4264f813da6bbdf91befd8fc0289a68048b19a4c944d2d5c64e03e65e0183b&scene=21#wechat_redirect)

SAP ABAP 業務開關和 SAP 電商雲的 Feature Level

相關文章