SAP Fiori相關概念介紹

SAP Fiori是由SAP公司開發并實施維護的，它可以稱之為前端UI技術框架，也可以稱之為前端的交互系統，更可以稱之為前端的交互標準，三者合一，我們可以稱之為全新的用戶交互體驗（SAP User Experience）。

SAP Fiori的核心框架“SAPUI5”，第一版的發布在2011年，到2013年就有了SAP Fiori這個名稱，到了2017年，SCP在中國落地。

SAP最早的UI系統是SAP GUI，其操作和用戶體驗都不是很友好。到了Web2.0的時候，SAP推出了一個新的技術，叫做“SAP WebDynpro”，同樣面臨用戶體驗不友好及操作的繁瑣性。為了解決上述痛點，就有了SAP Fiori。

SAP Fiori承載了以下幾個特性：

• 跨平臺（編寫一次可以運行在任何平臺）；
• 上手快（提供大量標準控件，拿來即用）；
• 便捷的開發工具（Eclipse和云平臺Web IDE）；
• 豐富的組件（不需要做第三方更改）；
• 角色定位（基于角色的Launchpad）；
• 數據交互；
• 標準化；
• 個性化；
• 化繁為簡；
• 響應式（針對不同平臺自適配）；

應用類型：

事務性應用（常用）：該類應用允許你執行事務性的任務，例如創建一個員工的休假申請，該類應用將已有的業務邏輯和解決方案以簡化的視圖和交互設計呈現在用戶面前，支持Hana或任意DB。

Fact Sheets（不常用）：此類應用展示你業務操作中用到的核心對象的上下文信息和關鍵事實。從一個Fact Sheet區域（或者標題下），你可以向下鉆取獲取細節信息，僅支持Hana DB。

分析類應用（常用）：此類應用用于提供商業數據的相關方分析給特定角色的人，比如現狀圖、柱狀圖類的分析圖表，這樣可以零距離的監控關鍵指標KPIs，并能針對復雜的場景做出正確的執行和調整，僅支持Hana DB。

運行環境：

• SAP云平臺（SAP Cloud Platform-SCP），基于瀏覽器；
• Gateway（基于SAP NetWeaver），基于瀏覽器；
• 混合APP移動端（Hybrid，Cordova），基于APP；

數據接入：

• Gateway；
• SAP云平臺服務；
• 其他Rest服務；

基于SAP NetWeaver Gateway的運行環境

架構示意圖：

前端App? ??SAP Fiori Client

映射服務器 ?SAP NetWeaver Gateway

數據平臺 ???SAP Business Suite（CRM SRM SCM PLM ERP）

基于SAP Cloud Platform-SCP的運行環境

SCP包含：核心庫、主題設計工具、開發工具（WebIDE）、Cloud connector（代理服務器）、Mobile Service、HAT、Launchpad。

架構示意圖：

SAP Fiori Client

SAP Cloud Platform

SAP Business Suite（Hana DB or Any DB）

開發語言：

JavaScript、CSS、ODATA、SAPUI5、jQuery、ABAP、Android、IOS、Cordova……

開發工具：

Eclipse、SAP GUI、WebIDE、SAP Build（設計工具）、Theme Designer、Cloud Connector（代理服務器）、HAT（離線打包工具）、Debug Tools、SCP、BSP（代碼管理倉庫）、Gateway（遵循ODATA）……

核心框架：

SAPUI5 – 收費

OpenUI5（簡化版本） – 開源

SAPUI5簡介：

閉源，無法查看源代碼；

擁有NetWeaver License可免費使用；

Fiori 2.0擁有226個標準的控件；

SAP Fiori 2.0要求SAPUI5 core高于1.40；

Fiori 2.0同樣提供了8336個標準應用程序；

相關API：https://sapui5.netweaver.ondemand.com/#/api

OpenUI5簡介：

開源，托管在GitHub上面；

擁有部分的控件；

可以下載運行環境及全部的SDK（https://github.com/SAP/openui5/）；

SAPUI5/ OpenUI5特點：

?？斓亩x，MVC/MVVM類型框架；

集成jQuery，不需要額外引入；

支持異步加載核心類庫，提高運行效率；

響應式，富UI框架；

支持多種數據綁定模式（單向、雙向、一次性……）;

支持JSON、XML、JS、HTML格式的View布局；

個性化主題設計；

主要類庫：

sap.m:主要針對移動設備；

sap.ui:最為豐富的控件，更多針對Desktop；

sap.ca:深度封裝，常見于官方標準程序；

sap.chart:圖表的庫，繼承自vizframe；

sap.viz:圖表的庫；

sap.ushell:單例模式的容器庫，通常用于程序初始化；

最常用的開發工具：

Eclipse和WebIDE

?https://tools.hana.ondemand.com/#sapui5

下載安裝Java運行環境，配置環境變量；

下載Eclipse Web版本，Mars（4.5）或者Neon（4.6）；

安裝SAP GUI 7.30或者7.40；

Eclipse插件安裝：

Help-Install New Software..

輸入 SAP Development Tools for Eclipse - Neon Software Repository

選擇UI Development Tookkit for HTML5

點擊下一步直到安裝完成

WebIDE

首先要注冊SCP賬戶：Cloud Platform | PaaS and App Development | SAP

購買或者選擇使用賬戶

點擊Services，選擇SAP Web IDE

總結

以上是生活随笔為你收集整理的【学习笔记】SAP Fiori相关概念介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

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