Android + HTML5 混合开发

摘要: 对于 Android + HTML5
混合开发以下的见地仅仅是本人之个人观点,假若起什么窘迫的地方要指正

简介: 混合开发之 App(Android + HTML5)就是当一个 App
中内嵌一个轻量级的浏览器(WebView),一部分原生的遵守转移也 HTML5
来支付,这部分效益不仅能当非升官 App 的情景下动态更新,而且好当
Android 或 iOS 的 App
上以运转,让用户的感受更好又有何不可省开支的资源。

##成品 APP:

  1. 超星慕课(一缓慢饱含 Java 和 C# 学习的视频软件)

  2. 列车时刻表查询(一迟迟基于国家列车时刻表底询问列车车次消息的查询软件)

  3. 便利天气预报查询(一逐渐悠悠由汇数据提供 Json
    数据的炎黄都会天气预报查询系统)

  4. 豆豆信息(一缓由Google消息提供 API 结合天涯论坛消息提供 Json
    数据的实时情报软件)

  5. 豆豆电影(一款款新颖电影下载的软件,数据由6080、1905、电影天堂提供视频资源的
    App )

  6. 嬴政摄像(一缓缓可以找寻哔哔哩哩录像的 APP ,提供在线播放功用)

###超星慕课

  • 重大技术点

    1. Android 前端:APICloud 提供的 SuperWebView 、二维码插件 ZXing
    2. HTML5 前端:APICloud 提供的 H5 模块、JQuery中之 ajax 、前端框架
      bootstrap 。
    3. Java 后端:Spring+SpringMVC+MyBatis 。
  • 其中推行进程:

    前者:原生代码加载 SuperWebView ,执行 assets 目录下的 HTML5
    页面,然后通过 APICloud 提供的 H5 模块形成原生代码和 H5
    页面内的并行(紧要运用JavaScript)。

    后端:Java 的框架代码 Spring+SpringMVC+MyBatis
    联合处理后台数据,重要也前端提供 Json
    格式数据的数量,前端请求数据要利用到 ajax 接收后端的专业 Json
    格式的数码。

###列车时刻表查询

  • 着重技术点

    1. Android 前端:HBuilder 提供的移位 APP 框架 。
    2. HTML5 前端:jQuery Mobile、HTML5
      的 WebSQL 。
    3. Other 后端:WebService 接口(Java) 。
  • 其中进行进程:

    前者:原生代码结合 HTML5 标准代码,通过直接加载 HTML5
    代码,渲染代码到 WevView 界面的显得(jQuery Mobile 中提供的 List
    列表),通过 ajax 的 GET 请求 Json
    数据的格式得到数码。在留言板目录采纳了 HTML5 的自带数据库 WebSQL
    数据库,通过 db 命令对数据库举行 add 和 query 操作。

    后端:国家列车网的 WebService(Service)接口,使用了跨域资源要的点子呼吁数据 。

###嬴政视频

  • 要害技术点

    1. Android
      前端:OKHttp(网络要框架)、MediaPlayer(视频框架)
    2. HTML5 前端:无 。
    3. Other 后端:WebService 接口(PHP) 。
  • 中举行过程:

    前者:对基本的 Android 提供的 Navigation Drawer Activity
    示例进行改动(删除Item、重写BaseAdapter),分别通过 OKHttp 框架的
    GET 和 POST
    举办呼吁/二糟糕呼吁操作,把拿到的数额通过适配器举行填。

    后端:哔哔哩哩 Web瑟维斯 接口,通过 ajax 的字符串拼接情势完成
    POST 请求获取数据 。

##搭分析 1.普通形式(怎么抢怎么形容)
2.MVC(模型 [ 安卓 > model 充当模型有 ] + 视图 [ HTML5 >
数据的亮层 ] + 控制器 [ 安卓 > 控制层 ] )
3.MVVM(模型 [ 安卓 > model 充当部分模型 ] + 视图 [ HTML5 >
数据的映现与处理层 ] + 视图模型 [ HTML5 > model 充当部分模型 ]

4.MVP(模型 [ 安卓 > mode 充当模型有 ] + 视图 [ ( 安卓 + HTML5 )
> 混合显示有 ] + 中间件 [ 安卓 > 控制层 ] )

总结:<font color=’red’>在 Adnroid + HTML5
混合开发的格局遭逢,需要依照项目之轻重采用创立之开支情势,即便项目标效率以及数据都颇少就是无指出下其他架构,直接写代码就行,假如代码多的情下便如拔取形式了,常用的情势来三栽:
MVC / MVP / MVVM 二种植形式,其中符合混合开发的形式爆发 MVP 与 MVVM
这有限栽情势。在行使即时简单种植情势开发 APP 时,应小心分清 [ 多View混合型 /
单View混合型 / Web 主体型 ] 三栽出意况,在无考虑性能的情形下可以应用
Web 主体型举办付出 [ 动态调用外部网页 ] 。</font>

##技术点分析

  1. 原生代码加载 HTML5:定义本地点法 效果提供给 Android 端调用
    被调用后用赢得参数值,定义本地方击事件 效果调用 Android 方法
    传递参数为 Android 客服端。
  2. HTML 5页面在 WebView 中的动态数据:通过 AJAX 和
    HTML5的JSON.parse() 方法取得多少,进行 append 追加。
  3. 混开发下的左右端的数据交互:
    ①:数据拿到都是当资源页面上经过 ajax
    异步完成的(在资源页面就预加载或者渲染)。
    ②:读取本地数据库文件,敏感操作通过 js 函数重返给 android
    的后台举办拍卖。
    ③:着重注意 HTML5 页面的数额保存于 WebSQL
    中之多少是尚未经过加密的,任何人都可读取,加密的口舌使参照 md5.js
    或者使混淆或者请求网络页面,然后加上 token 等证操作。
  4. 传输加密方案: DES与AES、RSA三种植典型加密算法
  5. APP代码加密方案:伪加密、混淆体贴、运行时表明、使用加密软件。

##APP测试流程
1.动腾讯压测大师(WeTest)
APP 的后端接口举行压力测试,对 APP
本身举办云端性能测试与兼容性测试。并扭转测试报告。
2.对 APP 举办安全测试:

①.测试于数额的地点存储到多少的传导、处理及远程访问等各样环节,基于相应的平安规范/行业标准评估App的安特点。
②.借鉴于Web
App和网安全测试的有成功经验在智能终端App测试中举办削减或适配。
③.检测App的用户授权级别,数据外泄,非法授权访问等。
④.针对性App的输入有效性校验、认证、授权、敏感数据存储、数据加密等方面展开检测,以期发现神秘的安全题材。
⑤.基于各个通信协议或相应的行业安全专业检视App是否满意相应的要求。
⑥.拔取加固应用加固后更签名。

##APP发布流程
1.达成架所要文件(安装包、应用商标、应用截图(4~6摆放)、各以市场之账号)。
2.上架操作:

①.先登录开发者平台地址,举行登录。
②.登录后,进入管理中央,倘使前都达标污染了拔取的话,会以脚显示曾爆发使用的信息。
③.进来管理为主后,点击创造软件采纳软件。
④.达标传apk安装文件,完善利用描述音讯及达传图标和截图。
⑤.提交后,等待审批。

#备资源参考资料:
1.RSA加密的法以及解密格局
2.AES简单加密解密的道实现
3.极简便易行的DES加密算法实现
4.DES与AES、RSA三种典型加密算法的可比
5.Android使用OKHTTP解析JSON数据
6.H5操作WebSQL数据库
7.Android中的一个Json数据解析类的落实
8.过平台框架在线文档
9.HTML5掺杂开发API
10.WEB跨域资源共享
11.OKHttp网络要框架所有文献

成品APP下载

网站地图xml地图