html5与原生混合模式开发,HTML5与混合模式开发与Native的关系及其实现[张振华.Jack].pdf...

H5 与 Native 交互的实现

抛砖引玉让大家有个大致的了解和方向不至于蒙圈

张振华.Jack

QQ:494460705

Mail:zhangzhenhua846@126.com

2015年6月

张振华.Jack 10年Java开发

目 录

I. 目前主流APP的种类

II. Native App、Web APP、Hybrid App介绍

III. Hybrid App的简单实现

IV. Hybrid App的实现交互

V. APP 的壳子的介绍/ 自己如何做一个壳

VI. 成熟的HTML5技术有

张振华.Jack

目前主流APP的种类

目前主流的app大致分为三种：

• Native APP

Native App是一种基于智能手机本地操作系统如IOS、Android、WP并使用原生程式编写运行的第三方应用程

序,也叫本地app。

• Web App(HTML5)

WebApp是指基于Web的系统和应用，其作用是向广大的最终用户发布一组复杂的内容和功能。

• Hybrid App

Hybrid App同时使用网页语言与程序语言开发，通过应用商店区分移动操作系统分发，用户需要安装使用的移动

应用

一张图看懂app

张振华.Jack

Native App

优点 ：

 能够访问手机的所有功能(GPS ，相机等)

 更好的运行速度、性能和总体的用户体验

 支持离线工作(因为是在设备上运行而非Web )

 支持丰富的图形和动画

 在应用商店轻易地找到应用并且在主屏幕上能轻易找到应用图标

缺点 ：

 开发成本较高

 范围限制较多(只能访问在特定操作系统上运行的设备)

 用户必须手动下载更新最新版本

 内容限制(应用商店限制)

Yellow Pages Group

张振华.Jack

Web App

优点 ：

 适用范围广(覆盖所有智能手机)

 开发成本较低

 方便、快捷地部署(无需提交到应用商店)

 无内容限制

 用户总能访问到最新版本(没有手动更新需求)

缺点 ：

 较差的和较慢的性能体验(大部分需要链接互联网)

 用户体验较差*

 支持图形和动画效果较差

 不适用于应用商店及没有靠下载应用盈利机会

 需要链接互联网

 限制用户使用功能(比如，相机、GPS等 )*

Web应用完全用HTML、JavaScript和CSS等Web技术开发，通过移动设备的浏览器来访问

随着HTML5的普及，上面提到的两个*的功能在Web应用中已得到很好的改进，尽管该技术性能提高了，但是依然

无法与本地应用程序相媲美。

Web App就是运行于网络和标准浏览器上，基于网页技术开发实现特定功能的应用。