SAP UI5 应用开发教程之五十 - 如何使用 Cordova 将 SAP UI5 应用生成一个能在 Android 手机上安装的混合应用试读版

简介: SAP UI5 应用开发教程之五十 - 如何使用 Cordova 将 SAP UI5 应用生成一个能在 Android 手机上安装的混合应用试读版

说明


在 Jerry 这篇文章 对 SAP UI5 一无所知的新手,从哪些材料开始学习比较好? 曾经提到,Jerry 也是从 SAP UI5 菜鸟一路走过来,深知只有 ABAP 开发背景的开发者,向 SAP UI5 开发领域转型的不易,因此我在业余时间设计了这份适合 SAP UI5 初学者的学习教程,把开发一个完整的 SAP UI5 应用的流程,拆分成若干个步骤,力求每个步骤里,把涉及到的知识点都涵盖到。这些知识点可能不像我的 UI5 源码分析系列文章那么深入,但力求浅显易懂,便于 SAP UI5 初学者理解。


本教程每一个步骤的源代码,都存放在我的 Github 上,分别用文件夹 01,02,03 等等来标识。

c7bad3447ae1849d56da2f9ae2f4a6e8.png


每一个步骤均是前一步骤的基础上,添加了若干新特性。建议零基础或者对 SAP UI5 知之甚少的初学者,按照顺序从第一个步骤开始循序渐进地学习,把这些代码下载到本地,配合教程的文字讲解,自己动手,以加深理解。


大家如果对教程的每个步骤有任何疑问,欢迎在教程对应的步骤文章里给我评论,进行留言。


本教程之前四十九个步骤,介绍的都是在 PC 桌面端进行 SAP UI5 应用开发的技巧。


本文介绍如何将这些原本只能运行在浏览器端的 SAP UI5 应用,使用 Cordova 进行构建,打包,然后安装到移动设备上的步骤。


本步骤选择 Android 手机作为移动设备来讲解。


Cordova 是一个开源的移动开发框架,通过 Cordova,开发人员可以用 HTML5 和 JavaScript 等通用的 Web 开发技术(当然包括 SAP UI5),完成跨平台的移动应用开发,即达到类似 Java 的 “一次编译(在 Cordova 的世界里还包含构建的含义),到处执行” 的效果。

51395cd16ef255098180e318e45c11be.png

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

f1f4e53a613ddfe5072783da62f4f8be.png


本文余下的部分是具体步骤,大家按照我的步骤一步步做下去,最后一定能得到一个能够在 Android 手机上安装并运行的 Android 应用,打开之后效果如下图所示:

5184e4c16b3f68c394f20933d25e4b7a.png


这个 HelloCordova 应用在 Android 手机的设置面板里的信息如下图所示:

cd5f31e531e2fc47affe99fb94b9a21f.png

因为我们构建出来的应用需要安装在 Android 平台上,所以首先需要下载编译和构建应用所需的 SDK.


最简单的办法当然是安装一个 Android Studio,然后在 Studio 里使用菜单下载 Android SDK.


但我暂时不想下载 Android Studio,所以还可以使用命令行工具下载 Android SDK.


这个链接是详细的如何使用命令行工具下载 Android SDK,如何将 SAP UI5 应用进行构建和打包,并安装到 Android 手机上。

相关文章
|
4天前
|
Java API 调度
Android系统 自定义开机广播,禁止后台服务,运行手动安装应用接收开机广播
Android系统 自定义开机广播,禁止后台服务,运行手动安装应用接收开机广播
46 0
|
4天前
|
网络协议 关系型数据库 MySQL
如何在Android Termux上安装MySQL并实现公网远程访问?
如何在Android Termux上安装MySQL并实现公网远程访问?
|
4天前
|
运维 监控 开发工具
应用研发平台EMAS产品常见问题之华为手机没收到通知如何解决
应用研发平台EMAS(Enterprise Mobile Application Service)是阿里云提供的一个全栈移动应用开发平台,集成了应用开发、测试、部署、监控和运营服务;本合集旨在总结EMAS产品在应用开发和运维过程中的常见问题及解决方案,助力开发者和企业高效解决技术难题,加速移动应用的上线和稳定运行。
|
4天前
|
存储 安全 测试技术
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
15 0
|
4天前
SAP中文包安装具体过程
SAP中文包安装具体过程
10 3
|
4天前
|
存储 Java 开发工具
在Eclipse配置安装Android详细教程(新手)
在Eclipse配置安装Android详细教程(新手)
26 1
|
3天前
|
XML Dart Java
Flutter插件开发之APK自动安装,字节跳动Android岗面试题
Flutter插件开发之APK自动安装,字节跳动Android岗面试题
|
4天前
|
XML API Android开发
android S 上 安装apk出现android.os.FileUriExposedException
android S 上 安装apk出现android.os.FileUriExposedException
20 6
|
4天前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
14 3
|
4天前
|
XML 网络安全 开发工具
如何下载并安装 SAP ABAPGit,并完成 ABAP 服务器上 SSL 证书的配置试读版
如何下载并安装 SAP ABAPGit,并完成 ABAP 服务器上 SSL 证书的配置试读版
11 0
http://www.vxiaotou.com