今天是2020年2月2日鼠年大年初九，這是Jerry鼠年的第9篇文章，也是汪子熙公眾號(hào)總共第208篇原創(chuàng)文章。

這幾天大家在家一日游的感覺如何？

工作中Jerry的同事曾經(jīng)問過我一個(gè)問題，Fiori界面上這個(gè)Adapt UI的按鈕，為什么有的系統(tǒng)上有，有的系統(tǒng)上沒有？Fiori Key User正是通過點(diǎn)擊該按鈕，進(jìn)入Fiori UI的Adaptation模式，從而實(shí)現(xiàn)在屏幕上新增擴(kuò)展字段的目的。

比較下面兩個(gè)不同系統(tǒng)的截圖：

為什么這個(gè)Adapt UI按鈕，如此神出鬼沒，有的系統(tǒng)上有顯示，有的沒有？

自己動(dòng)手，豐衣足食。假設(shè)你的身邊找不到Fiori專家，如何通過自己在系統(tǒng)里調(diào)試的方法找到問題的答案呢？

Jerry之前的文章 Jerry的Fiori原創(chuàng)文章合集 ，搜集了很多案例，講述了如何通過單步調(diào)試，去分析和處理Fiori開發(fā)工作中的一些常見問題。

現(xiàn)在我們?cè)俅瓮ㄟ^單步調(diào)試的方式來分析這個(gè)Adapt UI按鈕動(dòng)態(tài)顯示與否的邏輯。

首先根據(jù)Jerry這篇博客介紹的SAP UI5控件在瀏覽器端的渲染邏輯的知識(shí)，找出是一個(gè)ID為sap.ushell.plugins.rta的插件，負(fù)責(zé)管理該Adapt UI按鈕。我個(gè)人把rta理解成Run Time Adaptation.

https://blogs.sap.com/?p=133359

這個(gè)插件從哪里來呢？在Chrome開發(fā)者工具里對(duì)sap.ushell.config和sap-ushell-config這組關(guān)鍵字進(jìn)行全文搜索，找到了下面的代碼片段：

由此可見，rta這個(gè)插件實(shí)例，存儲(chǔ)在sap-ushell-config這個(gè)全局對(duì)象的bootstrapPlugins屬性里。

在Adapt UI按鈕能夠顯示的系統(tǒng)上調(diào)試，發(fā)現(xiàn)全局對(duì)象sap-ushell-config的值，來自oServerSideConfig這個(gè)JSON對(duì)象，而后者的值，是從SAP Fiori Launchpad的html頁面里一個(gè)硬編碼的字符串反序列化而成：

把FioriLaunchpad.html里這個(gè)硬編碼的字符串拷貝下來：

decode之后，發(fā)現(xiàn)其層級(jí)結(jié)構(gòu)同我們之前在Chrome開發(fā)者工具里觀察到的sap-ushell-config全局對(duì)象完全一致，說明我們找對(duì)地方了。

下一步就是要弄清楚FioriLaunchpad.html里這個(gè)硬編碼的字符串到底來自何方。標(biāo)準(zhǔn)開發(fā)人員一個(gè)字符一個(gè)字符敲進(jìn)去的？SAP軟件沒有這么傻。

SE80打開Fiori Launchpad Shell對(duì)應(yīng)的BSP應(yīng)用:
/ui2/ushell, 發(fā)現(xiàn)字符串的值來自變量：

${SERVER-SIDE-CONFIG}

因此SE80里我們找到的這個(gè)FioriLaunchpad.html只是起到一個(gè)模板文件的作用，里面第76行出現(xiàn)的${SERVER-SIDE-CONFIG}, 也只是一個(gè)占位符，會(huì)被運(yùn)行時(shí)該變量的實(shí)際值替換，最后就成了我們?cè)贑hrome開發(fā)者工具里觀察到的那個(gè)長(zhǎng)長(zhǎng)的字符串。

那么變量${SERVER-SIDE-CONFIG}的值從哪里來？在BSP應(yīng)用里查找，發(fā)現(xiàn)get_server_side_config_json方法返回的值，注入到該變量里。

所以現(xiàn)在的問題轉(zhuǎn)化為，通過單步調(diào)試get_server_side_config_json方法，弄清楚里面的邏輯：

當(dāng)我單步調(diào)試進(jìn)入該方法時(shí)，發(fā)現(xiàn)上圖第18行l(wèi)r_data->mt_plugin這個(gè)內(nèi)表里，已經(jīng)包含了需要返回并注入到變量${SERVER-SIDE-CONFIG}里的當(dāng)前系統(tǒng)上所有可用的Fiori Launchpad插件實(shí)例了，本文關(guān)注的sap.rta.plugin也赫然在列。

那么為什么本文開頭提到的另一個(gè)系統(tǒng)里，沒有顯示Adapt UI按鈕呢？

問題就出在下圖第22行的CHECK語句。第18行的mt_plugin內(nèi)表，存儲(chǔ)了當(dāng)前系統(tǒng)所有可用的Fiori Launchpad插件，每個(gè)插件都對(duì)應(yīng)一個(gè)catalog ID.

第21行的內(nèi)表it_catalogs, 存放的是當(dāng)前登錄用戶通過分配的PFCG角色所擁有的catalog ID集合。

上圖這段代碼的語義是，遍歷當(dāng)前系統(tǒng)所有可用的Fiori Launchpad插件，如果其對(duì)應(yīng)的catalog ID，沒有出現(xiàn)在登錄用戶所擁有的catalog ID集合里，那么該插件對(duì)于該登錄用戶來說就是無效的(invalid), 應(yīng)該將其從Fiori Launchpad上隱藏。

從上圖的調(diào)試窗口，我得知Run Time Adaptation這個(gè)插件對(duì)應(yīng)的catalog ID為/UIF/SAP_RTA_PLUGIN, 然后我到ABAP后臺(tái)SU01去檢查，發(fā)現(xiàn)在看不到Adapt UI按鈕的那個(gè)系統(tǒng)里，我的用戶果然沒有分配這個(gè)catalog. 于是將其分配上去：

問題得以解決，現(xiàn)在Fiori UI里，這個(gè)久違的Adapt UI又回來了。

這就是一個(gè)實(shí)際的“自己動(dòng)手，豐衣足食”的例子——我通過單步調(diào)試，沒有求助Fiori專家，也解決了工作中遇到的實(shí)際問題。

更多閱讀

• Jerry的通過CDS view + Smart Template 開發(fā)Fiori應(yīng)用的blog合集

• SAP Fiori應(yīng)用的三種部署方式

• Jerry的Fiori原創(chuàng)文章合集

• SAP成都C4C小李探花：淺談Fiori Design Guidelines

• SAP Fiori + Vue = ？

• Fiori Fundamentals和SAP UI5 Web Components

• 30分鐘用Restful ABAP Programming模型開發(fā)一個(gè)支持增刪改查的Fiori應(yīng)用

• SAP Fiori應(yīng)用索引大全

• 介紹一種Fiori標(biāo)準(zhǔn)應(yīng)用的增強(qiáng)方式

• 揭開SAP Fiori編程模型規(guī)范里注解的神秘面紗 - @ObjectModel.readOnly工作原理解析

• 為什么SAP GUI里的傳統(tǒng)事務(wù)碼能通過Fiori Launchpad啟動(dòng)并運(yùn)行在瀏覽器里

• 一步步把SAP GUI的事務(wù)碼配置到SAP Fiori Launchpad里

要獲取更多Jerry的原創(chuàng)文章，請(qǐng)關(guān)注公眾號(hào)"汪子熙":

總結(jié)

以上是生活随笔為你收集整理的SAP Fiori里的Adapt UI按钮，神出鬼没的奥秘的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。