SAP FIORI移动产品架构优化衍进之路

前言

作为一名SAP Fiori 移动顾问已有些年月，在linkin 上也有很多同志咨询过相关的技术问题，但是关于这方面的文章本人却很少起笔，闲来无事，想想还是记录一些在SAP产品上的项目实施经验，以便更多的同志参考！

（视频教程参考链接： http://edu.youkuaiyun.com/course/detail/5046）

SAP Fiori 简介

提到Sap Fiori, 我们要先从SAPUI5讲起。

SAPUI5是有SAP公司推出的一款HTML5富UI组件的框架（支持多设备，响应式设计），其主要有两个版本，一个SAPUI5，另一个OPENUI5, openui5我们可以看到源代码，是sapui5的简要版本。在github上能够看到，但是follow人数不是很多，相比angular， react 差距比较大。

但是，对于sap平台产品，有着极其深远的意义，很大程度上丰富了sap的产品，提供给客户一个更直观化，更高层次的用户体验。

说到用户体验，SAP FIORI无论是语义化，还是体验上都有着划时代的意义，主要核心框架依旧是sapui5，但是却增添了很多标准化，平台的统一性，作为一个重量级的UI框架，长远考虑，这是一个很不错的方案。

那么SAPUI5到底是一个什么样的框架呢？

目前，使用sapui5的时间已经有两年时间，这是一个重量级的框架，集成了丰富的UI组件，包括地图功能，做的相当不错，但是可拓展性能差，毕竟是重量级框架， 主要有sap.m sap.ui等核心library
其中sap.m主要针对于手机屏幕等移动设备，也是使用较多的一个核心库。

如果你是一个SAP Fiori 的咨询顾问，或者一个移动开发人员，想学习SAP Fiori，都要从以下几方面进行了解入手。

Fiori Launchpad

launchpad可以根据用户的角色定义不同的访问权限，会把相关的app分成不同的组别，方便用户访问，统一访问接口，无需定制不同的页面，对于ERP,CRM类的移动APP, 非常友好，节省了时间成本。（权限配置会因平台而异！）

SAP配置Launchpad在两个平台上进行配置工作：

1.SAP ECC系统（BSP+Gateway， 配置相对复杂，上手比较困难，一步配错，无法运行）
2.SAP HANA(SAP的云平台服务，上手容易，易操作，图形化界面)。

如果你有很多部署在BSP上的Fiori项目，想迁移到HANA上非常容易，只需要配置一定的参数即可，反之，则要花费一点时间了。

BSP

BSP(Business Server Pages), 通俗来讲这个这就是一个类似于web服务器的仓库，我们可以定义一些html页面，并通过sap bsp特定的URL展现给用户，

BSP主要有两个部分：

1.一个是公共部分，可以定一些html, xml, css。
2.另一个是动态部分，可以编写一下abap, JS代码，我们同样也可以在js中编写abap代码，比较神奇。

BSP的使用需要对不同的app创建不同的BSP Application.

并且制定好相应的名字，一旦确定，不能更改，所有创建的工作通常都会在SAP GUI上进行操作，一般专业的ABAP开发人员会更加专业。

我们同样可以通过Eclipse+SAPUI5 tools插件进行创建操作。（需要sap basis顾问安装额外的component支持外部创建）

二者任选其一！

每个BSP会包含一下几个部分：

1. Pages with flow logic： 包含了入口文件（index.html）等等公共资源