Android + HTML5 混合开发

摘要: 对于 Android + HTML5
混合开发以下的观点仅仅是我之个人观点,如果起啊尴尬的地方要指正

简介: 混合开发的 App(Android + HTML5)就是于一个 App
中内嵌一个轻量级的浏览器(WebView),一部分原生的效应转移也 HTML5
来支付,这片功效不仅能以无升官 App 的气象下动态更新,而且好当
Android 或 iOS 的 App
上同时运行,让用户的体验更好又好节约开支之资源。

##成品 APP:

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

  2. 列车时刻表查询(一放缓基于国家列车时刻表的查询列车车次信息之询问软件)

  3. 便利天气预报查询(一缓慢由汇数据提供 Json
    数据的神州邑天气预报查询系统)

  4. 豆豆新闻(一迟迟由谷歌新闻提供 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
    接口,使用了跨域资源要的方呼吁数据 。

###嬴政视频

  • 主要技术点

    1. Android
      前端:OKHttp(网络要框架)、MediaPlayer(视频框架)
    2. HTML5 前端:无 。
    3. Other 后端:WebService 接口(PHP) 。
  • 内部尽进程:

    前端:对骨干的 Android 提供的 Navigation Drawer Activity
    示例进行改动(删除Item、重写BaseAdapter),分别通过 OKHttp 框架的
    GET 和 POST
    进行呼吁/二破呼吁操作,把获得的数码经过适配器进行填。

    后端:哔哔哩哩 WebService 接口,通过 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地图