如何免費試用SAP的Fiori應用

• 2019 年 11 月 29 日
• 筆記

版權聲明：本文為部落客原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接和本聲明。

本文鏈接：https://jerry.blog.csdn.net/article/details/103296601

什麼是SAP Fiori？SAP Fiori不是SAP發布的某款產品，而是SAP新一代UI設計風格和用戶體驗的代號。 Fiori是一個義大利語中的單詞，意思是「花」：

不得不說SAP確實對「花」情有獨鍾，因為SAP的另一款記憶體資料庫HANA（全稱：High-performance Analytic Appliance），在日語里也是「花」的意思。

再回到Fiori。SAP Fiori 2.0在2015年時，曾經獲得全球最富盛名的設計競賽，紅點設計概念競賽(Red Dot Award:Design Concept 2015)的大獎。這次競賽有全球來自61個國家4680件作品參與角逐，最終SAP脫穎而出獲此殊榮。 如果您想看看按照SAP Fiori這套規範設計出的前端應用到底長什麼樣，可以按照本文介紹的方法免費體驗。 訪問鏈接：https://www.sap.com/china/products/fiori.html 點擊「免費試用」的按鈕：

在跳轉的頁面里點擊按鈕「See it in action」：

然後我們就能看到一個Fiori應用的入口介面了，這個介面有個術語叫做Fiori Launchpad。我們也可以把下面這個鏈接加到收藏夾里，下次直接訪問。 https://www.sapfioritrial.com/sites?helpset=trial&sap-client=001

Fiori Launchpad里每個方方正正的白色區域，我們稱之為Tile。每個Tile代表一個Fiori應用。其中上圖紅色高亮的幾個Tile代表的應用就是Jerry所在的SAP成都研究院的開發團隊負責開發和維護的。 任意點擊一個Tile，比如My Opportunities。在進入頁面的過程中，能看到一個旋轉的花瓣動畫效果，這也呼應了Fiori的「花」的含義：

進入Opportunity應用後，您就能看到類似下圖的介面了，這就是一個典型的SAP Fiori應用。

如果您對這些Fiori的前端實現好奇，想看看它們背後的JavaScript或者CSS的實現，那麼同時按住Ctrl+Alt+Shift+P四個按鍵，會看到下面這個彈出窗口。選中「Use Debug Sources」的勾選項，

然後重新刷新瀏覽器，

這樣就會載入SAP Fiori應用的調試版本了。如果不這樣做的話，默認載入的是發布版本的前端程式碼，裡面的JavaScript程式碼經過壓縮，變數名和函數名完全不可讀。 此時在Chrome瀏覽器的開發者工具的Networ標籤里能看到一系列調試版本的腳本文件的載入。

稍等片刻之後，就可以到Chrome開發者工具的Sources標籤頁去閱讀載入好的調試版本的腳本文件了。