實戰Fiori: 實施Fiori APP


光說不練假把式,今天我們通過實施一個Fiori APP來實戰一下。

我們要實施的App是:Manage Journal Entries。這個應用是查看各類憑證(財務憑證)信息的,可以具體到每一個line item。

第一步我們要查看SAP Fiori應用參考庫

請大家務必保存這個網址,在以后的練習和工作中,大家會常常用到。

https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/#/home

SAP Fiori參考庫簡介

  • 可以找到現在所有SAP官方發布的Fiori APP;

  • 可以找到安裝和配置一個Fiori APP所需要的技術信息;

  • 這里還有集成經典SAP GUI和Webdynpro應用到SAP Fiori Launchpad所需要的配置信息;

  • 可以查看Fiori APP的歷史版本信息;

在這里可以直接連接到相關的Fiori APP的資源信息上,比如幫助文檔等。

SAP Fiori參考庫只有英文版,所以各位親,還要好好學習英語。

這里可以看到Manage Journal Entries這個應用是事務型應用。

參考庫對於我們技術人員也是安裝、配置、擴展Fiori app的文檔。

讓我們看看安裝部分,首先檢查一下軟件模塊版本和前端、后端需要提前安裝的依賴模塊。

執行t-code SAINT檢查一下模塊信息。或者通過系統菜單:System Menu > Status > Product Version Component details查看。

類似的檢查一下后端系統的產品和模塊的信息,

配置信息

還有可擴展部分和支持部分,你可以查看Fiori app可擴展信息。支持部分我們可以查看向SAP報告問題時應該報的模塊。

 

激活前端的UI服務和后端的ODATA服務

 

執行T-code SICF,激活ICF Node,參照參考庫的配置部分,激活以下ICF Node:

 

ICF Node 路徑是/sap/bc/ui5_ui5/sap/fin_gldocdisp,激活從此服務。按照這個步驟依次激活所有ICF Node。

接下來激活后端服務器的ODATA Service。

如果前端系統是嵌入式的,那么前后端系統都是一個系統,如果是分開安裝的(Central Hub System),那么需要在Front-end系統來激活后端的ODATA Service,這里有點繞啊!我沒寫錯,是在前端系統配置后端的ODATA Service。配置好了你可以想一想為什么呢?

執行 T-code /IWFND/MAINT_SERVICE (Gateway的一些T-code我都記不住啊,太復雜了),按照參考庫的配置信息進行配置。

輸入System Alias 和Technical Service Name 

選擇后台服務的這一行,然后點擊按鈕Add Selected Services

然后再回到t-code IWFND/MAINT_SERVICE,查看我們剛剛激活的ODATA Service

按照這個相同步驟激活所有ODATA Service。

   

權限設置

 

 

按照參考庫的信息,Manage Journal Entries APP需要PFCG Role “SAP_BR_GL_ACCOUNTANT”

用戶同時需要以下 Roles:

Fiori Launchpad 用戶需要 SAP_UI2_USER role;

Fiori Launchpad Designer需要SAP_UI2_ADMIN role。 

在T-code PFCG,把對應的User加入到這個role

 

 

在Fiori Launchpad Designer的配置

Fiori launchpad 默認地址:

https://<hostname>:<portnumber>/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html

Fiorilaunchpad designer 默認地址:

https://<hostname>:<portnumber>/sap/bc/ui5_ui5/sap/arsrvc_upb_admn/main.html

 

怎么獲取這些地址呢?在frontend 系統執行t-code : /UI2/FLP 會自動跳轉到fiori launchpad頁面,執行t-code /UI2/FLPD_CUST 會跳轉到 Fiori Launchpad Designer 頁面。

創建customer catalog並添加標准catalogtiles到客戶catalog tiles里。

到FioriLaunchpad designer,看到以下頁面:

 

選擇Catalogs菜單並點擊位於底部的+ 按鈕。

 

輸入Title名稱和ID信息,title可以隨意修改,但是Id是不能編輯的,所以Id需要按照項目需求進行定義。

找到標准的catalog:SAP_TC_FIN_ACC_COMMON(在參考庫里可以找到這個信息),然后用鼠標拉動這個磁貼(Tile)會出現兩個按鈕“Create Reference”和 “Delete ”,拖動這個磁貼到 “Create Reference”。

 

然后彈出一個對話框,讓我們選擇一個catalog,我們找到剛剛建立的Catalog。

然后選中這個catalog, 除了tiles我們還需要移動TargetMapping,

我們點擊磁貼“Manage Journal Entries”,然后注意信息:SemanticObject和 Action。

 

 

然后點Targetmapping 按鈕,選着SemanticObject 和Action和上面一直的一行,

然后在頁面的底部有一個按鈕“CreateReference”,單擊它,和上一步類似添加到我們建立的catalog里。

請注意,在我們建的catalog旁邊有個數字2,希望你能猜對他的意義。對!他的意思就是我們加了一個tile,一個target mapping,所以1+1=2。

 

小竅門:通常情況下,tiles和target mapping的數應該一致,我們應該經常檢查這些數字,以防萬一,我們忘記了添加tiles或者target mapping,那么launchpad就會出問題。

檢查一下tiles設置好了。

 

這里的虛線框表明這個tile是引用的,此tile設置在了別的地方。

怎么打破這用引用關系呢?

 

 

這里顯示這是一個引用的tile。

對這個tile的任何編輯都可以打破引用關系,而生成一個獨立的tile。

 

 

我們再查看這個tile,虛線框消失了。

 

創建一個Group並添加Tiles

到Groups菜單,點擊+按鈕,輸入Title和Id並保存。

然后把我們創建的catalog添加到這個group里。

 

 

把catalog和group分配給一個SAP User

執行t-codePFCG創建一個role,在Menu菜單里分別加入SAP Fiori的tile和group。

 

 

開始Fiori Launchpad之旅

 

http://hostname:portnumber/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html

or

https://hostname:port number/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html

 

就可以找到我們配置的APP:manage journal entries了。

總結一下安裝的流程

1.   查看Fiori參考庫,獲得實施fiori app的基本配置信息;

2.   激活前端的UI服務和后端的OData服務;

3.   我們了解了需要PFCG的roles來給fiori用戶設置權限;

4.   在launchpad designer上創建tiles和catalog,group.

5.    登錄Fiorilaunchpad執行FioriAPP。

 

本文內容屬於個人觀點,不代表任何官方。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM