SAP 移动开发技术综述(一)

简介: 作为全球最杰出的企业管理软件提供商之一,SAP 的解决方案涵盖了从 PC 端到移动设备等多个平台。笔者在 SAP 成都研究院工作了 15 年,对企业管理软件领域内的移动开发也有所涉猎。本文将我过去工作中关于移动开发中积累的一些经验和大家交流,请社区内移动开发的专家们不吝赐教。

作为全球最杰出的企业管理软件提供商之一,SAP 的解决方案涵盖了从 PC 端到移动设备等多个平台。笔者在 SAP 成都研究院工作了 15 年,对企业管理软件领域内的移动开发也有所涉猎。本文将我过去工作中关于移动开发中积累的一些经验和大家交流,请社区内移动开发的专家们不吝赐教。


本文通过以下三部分,分享笔者在 SAP 经历过的移动应用开发的项目经验:


(1) 基于 Java 的 Android 原生移动应用开发

(2) 基于 UI5 + Cordova 的混合移动应用开发

(3) 基于 SAP BTP 平台 Mobile Service 的移动应用开发


移动操作系统里的最耀眼的两颗明星,iOS 和 Android,于 2007 年先后诞生。SAP 随后也推出了一系列基于 iOS 和 Android 平台的原生移动应用。以 2011年笔者所在的 CRM 开发团队,负责开发的名为 SAP Customer Briefing 的一款 Android 原生应用为例,该应用能帮助使用者,高效快速地浏览应用连接远端的 CRM 系统里存储的客户主数据,显示每个客户的 Company Profile, 历史业务数据,Key People,销售机会,社交媒体相关信息等维度的数据。

image.png

CRM 系统里的客户主数据信息,通过 OData 暴露给 Android 原生应用消费。OData 是一种描述如何创建和访问 Restful 服务的 OASIS 标准,我们采取 ABAP 这门编程语言来实现供 Customer Briefing 应用消费的 OData 服务,具体源代码位于 CRM 系统名为 CRM_ODATA 开发包内。

image.png

对于这种典型的 iOS/Android 移动原生应用连接远端 CRM 系统的应用场景,因为 CRM 系统部署在企业内网受防火墙保护,移动原生应用无法通过 HTTP 直接消费防火墙后面的 OData 服务。


为了解决内外网穿越问题,我们采用了 SUP 和 SAP Netweaver Gateway 的组合方案,将位于公网的原生移动应用的 OData 请求,转发到内网防火墙后的 ABAP On-Premises 系统进行业务处理。


SUP 即 Sybase Unwired Platform 的缩写,是一个移动企业应用程序平台 (Mobile Enterprise Application Platform, 简称 MEAP)。SUP 是一种用于管理移动应用程序的中间件,主要用于在 移动设备和 SAP 系统之间存储和传递数据。

image.png

基于 UI5 + Cordova 的混合移动应用开发


采用移动原生应用开发方式发布的移动应用,企业需要为同一个业务场景分别维护 iOS 和 Android 两套不同的代码线。随着 SAP 自研的前端开发框架 UI5 的诞生,以及 Cordova 开源项目的不断成熟,我们在 2014 年起开始 SAP CRM Fiori 移动应用开发时,选择了 UI5 + Cordova 的技术解决方案。


SAP UI5 是 SAP UI Development Toolkit for HTML5 的简称,是 SAP 为了快速开发具有 Fiori 设计语言风格的 UI,构建企业级 Web 应用而推出的一款前端开发框架,包含丰富的界面控件、CSS 页面展示模板、数百个工业图标,以及支持控件的扩展功能。


Cordova 是一个开源的移动开发框架,通过 Cordova,开发人员可以用 HTML5 和 JavaScript 等通用的 Web 开发技术,完成跨平台的移动应用开发,即达到类似 Java 的 “一次编译,到处执行” 的效果。

image.png

SAP CRM Fiori 移动应用采取 UI5 + Cordova 组合方案后,作为应用开发人员,我们使用 UI5 完成了 Web 应用的开发,然后再使用 Cordova 提供的 build 工具,将开发好的前端应用,打包成能够安装到 iOS 和 Android 平台上去的混合移动应用(Hybrid Mobile Application )。所谓混合移动应用,是为了同使用原生开发手段得到的 native 应用相区分。对混合移动应用的最终用户来说,其用户体验同原生移动应用几乎没有太大差别。


下图是 Cordova 官网上的架构图。图中上半部分橘色的 Cordova Application,即前端 Web 应用使用 Cordova 工具打包后的生成的混合应用。运行时,这个混合应用里的前端资源文件被加载,渲染并且运行在一个嵌入的 HTML Rendering Engine,即 WebView控件内部。这个嵌入的 WebView 通过 Cordova 框架提供的插件(Plugins),能够访问移动操作系统的 Native API,比如相机,陀螺仪,本地存储等系统调用。


另一方面,Cordova 也具有极佳的可扩展性。如果混合移动应用里需要使用的某些移动操作系统提供的 API,并不被 Cordova 现有插件支持,此时还可以直接在 iOS 或者 Android 等移动开发平台上,自行开发自定义 Cordova 插件(即下图蓝色的 Custom Plugins),在该插件里使用 iOS 的 Object C & Swift,Android 系统的 Java & kotlin 等编程语言,调用移动操作系统的 API,然后通过JavaScript 接口,将这些 Custom Plugin 暴露给前端应用消费。

image.png

对混合移动应用的终端一旦用 UI5 结束 Web 应用的开发之后,将其打包成特定移动平台上可以安装并运行的混合移动应用,采取简单的命令行即可完成。


如下图所示,这是我用 UI5 完成的一个服务订单列表的应用。下面我将展示如何使用 Cordova 的构建工具,生成一个可以在 Android 平台安装的 APK 文件。

40.png

首选使用命令行安装 Cordova:

npm -g install cordova:

然后新建一个文件夹,进入该文件夹内部,使用命令行创建一个新的 Cordova 项目:

cordova create JerryUI5HelloWorld

image.png

cordova 命令行为我们自动创建了如下的资源文件。此时 platforms 文件夹还是空的,因为我们尚未添加该Cordova 项目支持的目标移动平台。

image.png

使用命令行添加对 Android 平台的支持:

cordova platform add android

image.png

之后 platforms 文件夹内就会多出一个 android 文件夹,里面包含的资源文件都是生成 Android APK 安装文件所必需的。

image.png

将完成开发的 UI5 应用拷贝到 Cordova 项目根目录下的 www 文件里,然后执行命令行 cordova prepare,根目录下 www 文件内的资源自动被拷贝到 platforms/android 文件夹内。


最后使用命令行 cordova compile 进行打包,生成的针对 Android 平台的混合移动应用的 APK 文件,就出现在文件夹 platforms/android/build/output/apk 里了。

41.png

把这个 APK 文件拷贝到我的 Android 手机上进行安装后运行,效果如下:

42.png

Cordova 有着极佳的可扩展性,即 Cordova 的官方架构图里提到的 Custom Plugin,自开发插件,如下图红色高亮区域所示。


假设我们需要开发的混合移动应用,需要使用到 Android 系统一些硬件设备比如陀螺仪。传统的 Web 应用里是无法通过 JavaScript 代码直接调用移动操作系统提供的原生 API,因此需要开发 Custom Plugin,作为沟通 Cordova 混合移动应用中的 JavaScript 代码和 移动操作系统中原生 API 的桥梁。

image.png

我们看一个具体的例子。以 Android 平台为例,用 Java 实现两个整数相加,来模拟平台上的原生 API。我们在 Android 平台以 Custom Plugin 的形式用 Java 实现一个加法器,然后用 Web 应用的 JavaScript 代码消费这个 Custom Plugin.


首先使用 npm 安装 Cordova 插件管理器。


命令行:npm -g install plugman

image.png

成功安装插件管理器后,用它创建一个 Custom Plugin:

命令行:plugman create -name Adder -plugin_id jerry.adder -plugin_version 1.0.0

image.png

这个命令会自动创建一个名叫Adder的插件,插件id为jerry.adder, 版本号为1.0.0。

plugman 会自动生成一个名为 Adder 的文件夹,该 Custom Plugin 的实现源代码就写在 Adder 文件夹内:

image.png

进入 Adder 文件夹,为该插件添加对 Android 平台的支持:plugman platform add –platform_name android

image.png

该命令会自动生成子文件夹 src/android 和插件实现文件Adder.java。现在可以动手编写 Java 代码了。


用 Java 实现两个整数的加法运算,操作数通过Web 应用的 JavaScript 代码通过参数 args 传入,计算结果通过回调上下文 CallbackContext 返回给调用端。

image.png

完成 Custom Plugin 开发之后,为其创建一个 package.json 文件:

plugman createpackagejson ./

image.png自动生成一个 package.json 文件。

image.png

最后使用命令行将开发好的 Custom Plugin,安装到混合移动应用中。

cordova plugin add Adder。

一切正常的话,能看到 BUILD SUCCESSFUL 的提示,意味着该插件可以被 Web 应用的 JavaScript 代码消费了。

image.png

在移动混合应用文件夹 /platforms/android/assets/www/js 的 index.js 文件里,使用下面的 JavaScript 代码消费 Custom Plugin:

image.png

JavaScript 调用代码里传入的 action 名称 performAdd, 必须和 Custom Plugin 实现 Java 代码里接收的 action 名称保持一致。Custom Plugin 的执行结果,通过上图代码里的 success 回调函数,返回给 JavaScript 调用端。


上图代码我在 JavaScript 代码里传入了 10 和 20 作为加数,传递给 Custom Plugin,在手机上运行这个混合移动应用,得到了加法器的计算结果 30.

43.png

Cordova 混合移动技术的出现,使得企业无需专门组建具有 iOS 和 Android 原生移动应用开发技能的团队,只需维护一套 Web 应用的代码库,就能交付跨平台且用户体验不逊色于原生移动应用的混合移动应用,降低了应用的开发和维护成本。


SAP CRM 和 SAP Cloud for Customer 的移动应用,均是采取本文所述的 UI5 + Cordova 的技术方案开发而成。

image.png

基于 SAP BTP 平台 Mobile Service 的移动应用开发


随着云时代的到来,SAP 也推出了自己的云原生应用开发平台:SAP 业务技术平台(SAP Business Technology Platform,下文简称 SAP BTP).


SAP BTP 将智能企业应用程序与数据库和数据管理、分析、集成和扩展功能整合到一个平台中,适用于云环境和混合环境,包括数百个用于 SAP 和第三方应用程序的预构建集成。


SAP BTP Service Marketplace 里提供了各种类别开箱即用的服务,其中之一就是 Mobile Service,其底层基于 NativeScript,一个使用 JavaScript 构建原生移动应用的开源框架:

image.png

image.png

本文刚刚介绍过的基于 Cordova 开发而成的混合移动应用,其本质是一个运行在移动平台 Webview 控件里的 Web 应用,这也是其名称中"混合(Hybrid)"的由来。



40.png


image.png


image.png


image.png


image.png

目录
相关文章
|
2月前
|
XML 数据处理 数据格式
什么是 SAP UI5 XML Templating 技术
什么是 SAP UI5 XML Templating 技术
43 0
|
3月前
|
BI
SAP ABAP 显式增强技术之 New BAdI 的技术原理介绍试读版
SAP ABAP 显式增强技术之 New BAdI 的技术原理介绍试读版
22 0
|
3月前
|
BI
123. SAP ABAP 显式增强技术之 New BAdI 的技术原理介绍
123. SAP ABAP 显式增强技术之 New BAdI 的技术原理介绍
28 1
|
6月前
|
前端开发
SAP UI5 sap.m.ObjectStatus 控件的技术介绍
SAP UI5 sap.m.ObjectStatus 控件的技术介绍
49 0
|
3月前
SAP ABAP 各种增强技术(Enhancement)概述 - 所谓第一代,第二代,第三代增强技术的出处试读版
SAP ABAP 各种增强技术(Enhancement)概述 - 所谓第一代,第二代,第三代增强技术的出处试读版
26 1
|
1月前
SAP ABAP ALV 的分组显示和 Subtotal 显示实现的技术步骤试读版
SAP ABAP ALV 的分组显示和 Subtotal 显示实现的技术步骤试读版
29 0
|
6月前
|
数据建模 数据库
什么是 SAP CDS view 中的 Exposed Association with filter 技术
什么是 SAP CDS view 中的 Exposed Association with filter 技术
32 0
|
6月前
|
数据库
什么是 SAP CDS view 的 join on demand 技术
什么是 SAP CDS view 的 join on demand 技术
44 0
|
6月前
|
BI 数据安全/隐私保护
SAP ABAP 生成 PDF 的几种技术综述
SAP ABAP 生成 PDF 的几种技术综述
100 0
|
2月前
|
存储 对象存储 开发者
SAP CRM attachment 存储模型的技术属性详解
SAP CRM attachment 存储模型的技术属性详解
19 1
SAP CRM attachment 存储模型的技术属性详解