学习笔记SAP Fiori相关概念介绍

Posted 2022-03-02 SAP剑客

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）；
• 数据交互；
• 标准化；
• 个性化；
• 化繁为简；
• 响应式（针对不同平台自适配）；

应用类型：

1. 事务性应用（常用）：该类应用允许你执行事务性的任务，例如创建一个员工的休假申请，该类应用将已有的业务逻辑和解决方案以简化的视图和交互设计呈现在用户面前，支持Hana或任意DB。
2. Fact Sheets（不常用）：此类应用展示你业务操作中用到的核心对象的上下文信息和关键事实。从一个Fact Sheet区域（或者标题下），你可以向下钻取获取细节信息，仅支持Hana DB。
3. 分析类应用（常用）：此类应用用于提供商业数据的相关方分析给特定角色的人，比如现状图、柱状图类的分析图表，这样可以零距离的监控关键指标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特点：

模快的定义，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