使用SAP云平台Mobile Service开发移动应用-阿里云开发者社区

开发者社区> jerrywangsap> 正文

使用SAP云平台Mobile Service开发移动应用

简介:
+关注继续查看

这是Jerry 2020年的第33篇文章,也是汪子熙公众号总共第216篇原创文章。

Jerry之前的文章 SAP移动应用解决方案之一:HTML5应用 + Cordova = 平台相关的混合应用,曾经介绍了Cordova这个开源框架是如何应用到SAP Cloud for Customer的移动应用开发上的。

Jerry的另一篇文章 如何使用JavaScript开发AR(增强现实)移动应用,则介绍了目前移动应用开发的另一种主流技术:React-Native. 无论是Cordova还是React-Native,使用的编程语言都是JavaScript,都能实现“一次编写,跨平台运行”的效果。

今天Jerry要介绍的是SAP推出的另一种移动应用开发方式,采用SAP Cloud Platform Mobile Service实现。任何对此方案感兴趣的朋友,都可以通过免费申请的SAP Cloud Platform测试帐号,来体验其用法。

SAP云平台Mobile Service底层基于NativeScript,另一个使用JavaScript构建原生移动应用的开源框架:

https://www.nativescript.org/

前文Jerry首先提到的Cordova技术,构建而成的移动应用又被称为Hybrid(混合)应用,该应用的本质是一个运行在移动平台Webview控件里的网页应用;而React-Native顾名思义,构建出的是一个真正的原生移动应用,其使用的基础UI组件与用Object C或Java编写的原生应用比较并无区别,只不过这些组件现在是由Web开发人员通过JavaScript语言和React操作,最后被编译器转换成原生应用罢了。

而NativeScript框架的工作原理,和React-Native又有所不同。React-Native通过Bridge概念实现了JavaScript和移动平台原生API的双向交互,而NativeScript编写的JavaScript代码,运行在NativeScript运行时(Runtime),通过该运行时环境同移动平台原生API交互。NativeScript运行时实际是一个JavaScript虚拟机,在Android平台上基于Google V8引擎,在iOS上基于WebKit JavaScriptCore这个实现。

幸运的是,SAP Cloud Platform通过引入Mobile Development Kit(下文简称MDK)的概念,已经把这些细节给我们封装好了。对工作在SAP云平台上的移动应用开发人员来说,MDK就是Android或者iOS平台上的一个客户端,后续Jerry会介绍如何安装。

有了SAP MDK的帮助,现在我们不需要Android Studio或者XCode,直接用SAP WebIDE就可以进行移动应用开发了。下面Jerry利用SAP云平台Mobile Service创建一个新的移动应用,以此让大家大致了解开发的流程。

登录SAP Cloud Platform,点Support进入Mobile Service的控制台:

新建一个应用:

维护应用的ID和名称:

创建之后,可以给这个名称为Jerry MDK Demo的应用分配Feature(特性):

这些特性可以理解成SAP对移动应用需要实现的功能抽象出的一些最佳实践,分配了列表里这些特性后,我们用WebIDE生成的移动应用工程项目,将自动包含对应的模板实现:

举个例子,回忆一下我们开发SAP UI5应用的流程:通常情况下,我们不会一上来就直接连后台的OData服务,而是通过UI5提供的Mock Server,先消费本地的Sample数据,待前端页面开发结束之后,再连接后台OData服务进行测试。

SAP Cloud Platform Mobile Service也提供了一个类似SAP UI5 Mock服务器的特性,即Mobile Sample OData ESPM. ESPM即Enterprise Sales Procurement Model的缩写, 包含SalesOrder,Customers,Products等一系列业务数据的集合。


在Mobile Service控制台里给应用分配好需要的特性之后,我们来到SAP WebIDE,启用Mobile Service Development Tools这个扩展:

扩展被启用之后,在SAP WebIDE左侧会多出一个MDK Development的标签:

在此处创建一个新的MDK项目:


在红色高亮字段的下拉菜单里,选择刚才在Mobile Service控制台里创建并分配了特性的应用ID:com.sap.jerry.demo:

如果要连接第三方OData服务,将其地址维护到SAP云平台的Destination里。

成功解析出OData服务的元数据:

SAP WebIDE Mobile Service Development Tools扩展自动生成的项目如下图所示,其中Application.app,这个文件,Jerry把它类比成Android项目的manifest.xml配置文件:

如何将这个WebIDE里的工程以移动应用的方式部署到移动设备上呢?右键菜单里选择MDK Deploy and Activate:


在WebIDE控制台里看到部署成功的消息:

部署成功后会生成一个二维码,此时如果移动设备上已经安装了SAP Mobile Services Client,扫描该二维码,会自动在设备上打开WebIDE里刚刚部署好的应用。

从Google Play里对SAP Mobile Services Client的介绍,我们能看出其工作原理:在SAP WebIDE里创建的MDK项目,生成的实际是json格式的元数据;使用移动设备上安装的SAP Mobile Services Client连接SAP云平台Mobile Service之后,前者会从后者接收这些应用元数据,绘制出应用的UI和完成初始化动作。

Jerry用的三星手机,安装SAP Mobile Services Client后,扫描二维码,弹出提示窗口,输入SAP云平台的用户名和密码登录:

之后点击Get Started:

SAP Mobile Services Client会连接SAP云平台Mobile Service,下载WebIDE里创建好的应用元数据:

并完成初始化操作。

因为Jerry在WebIDE里没有在页面上绘制任何控件,只定义了Caption,所以这个应用打开后界面上什么也没有,仅仅显示出我定义的页面标题:

如果点击Try the demo,能看到之前提到的ESPM sample数据展示在设备上的效果如下:



希望本文能够让大家对如何使用SAP云平台Mobile Service开发移动应用的流程有一个最基础的了解,感谢阅读。

更多阅读

本文来自云栖社区合作伙伴“汪子熙”,了解相关信息可以关注微信公众号"汪子熙"。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Web系统下Office文档的处理 之OpenXml应用分类资料
本文对常见的处理参考和工具提供一个简要的参考。 对于实际的解决方案参考如下地址(有很多的分类知识) http://blogs.msdn.com/b/ericwhite/archive/2008/10/20/eric-white-s-blog-s-table-of-contents.
950 0
使用SAP WebIDE开发SAP Fiori Worklist应用消费OData服务
使用SAP WebIDE开发SAP Fiori Worklist应用消费OData服务
21 0
Microsoft Access应用可以这么玩
Access作为一个轻量级的个人数据库,很久以前是数据库设计的流行工具,整理资料的过程中看到一个基于access的accdb格式的应用,功能也很强大。在目前网络应用主流的今天这样的应用比较少,不过在特定的场景下采用这个方案仍是一个高效快速的解决方案。
880 0
UIDevice获取设备数据以及如何获取应用信息
<h1 id="codeintro" style="margin:15px 0px 0px; padding:0px; color:rgb(54,46,43); line-height:26px; border:0px; width:740px; font-size:13px; font-weight:normal; font-family:'Helvetica Neue','Luxi S
1378 0
带你读《区块链开发实战: 基于JavaScript的公链与DApp开发》之三:Asch——区块链应用开发平台
本书用三个部分讲解了区块链技术以及Asch的相关实践,第一部分讲解了区块链技术的基本概念,并用300行代码实现了一个最小的、可运行的区块链;第二部分分析Asch的源码,讲解Asch的实现原理;第三部分介绍了基于Asch的侧链技术的DApp开发实战。
1560 0
+关注
2628
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载