APP混合模式开发方案

1： 混合开发模式背景

APP有三种开发模式：原生应用、Web应用和混合应用。

1.本机App

本机App是一种使用本机（即Android或iOS）开发的App。使用本地开发有其优点：良好的App性能和相对容易的适应。但原生应用存在三个主要问题：

（1） 不能跨平台：Android和iOS都需要开发自己平台的版本-开发成本很高；

（2） 升级问题：每次升级时，都必须下载安装包。安卓系统还可以。不管怎样，你不需要审查它。下载它，但iOS很麻烦。每个版本都必须通过App

对商店的审计，这导致了第三个问题；

（3） Android和iOS很难同步发布。

2.WebApp

所谓的Web App就是将手机用作浏览器（Android使用WebView，iOS使用UIWebView），并在服务器上制作几个页面，类似于一个小型网站。虽然这样说并不恰当，但实际上它给人的感觉是这样的。虽然开发成本大大降低，但页面访问速度慢，操作体验差。于是，第三个模型诞生了。

3.混合App

乍一看，它与Web App没有什么不同，但它涉及比Web App更高的技术成本、开发成本和学习成本。它结合了Web App的开发速度和Native App的高性能体验。学习成本高的原因是很难开发高性能的混合App，而且网络材料很少。两年半前，我开始以混合模式发展。当时，关于如何进行屏幕适配、提高UI响应速度以及最大限度地使用本机功能的信息很少。你可以在互联网上搜索的是非常粗糙的东西，或者是Hello World级别的东西。很少有事情涉及一点点细节。由于本系列文章只讨论混合动力，所以我不在这里讨论它。

三种开发模式的特点如下表所示：

混合的

App（混合模式移动App）是指介于webApp和原生App之间的App，它结合了“原生App良好的用户交互体验”和“webApp的跨平台开发”的优势。虽然它看起来像一个本地App，但它只有一个UI WebView，可以访问webApp。例如，街边网络的初始App是一个客户端外壳。事实上，它是一个HTML5网页。后来，它推出了一个真正的本地App。更彻底地说，例如，Android版的手持百度和淘宝客户端也遵循了混合App的路径。然而，手持百度的嵌入式版本不是WebView，而是它自己的浏览内核，因此体验更像客户端，效率更高。

混合的

根据网页语言和程序语言的混合，App通常分为三种类型：多视图混合型、单视图混合型和网页主控型。

（1） 多视图混合

也就是说，本机视图和Web视图是独立和交替显示的。2012年，通用的混合App取代了Native View和WebView。这种App混合逻辑相对简单。也就是说，必要时，将WebView作为独立视图（活动）运行，以完成WebView中的相关显示操作。这类移动App的主体通常是Native App，而Web技术仅起到补充作用。开发难度与Native App基本相同。

（2） 单视图混合

也就是说，在同一视图中，本机视图和Web视图都包括在内。它们之间的关系是重叠的。这款混合App的开发成本很高，开发难度很大，但体验很好。例如，以百度搜索为代表的单视图混合移动App可以实现充分的灵活性和更好的用户体验。

（3） Web母版

也就是说，移动App的主体是Web View，它主要以Web语言编写，中间穿插着具有本地功能的混合App的开发类型。这类移动应用体验相对有缺陷，但整体开发难度大大降低，基本可以实现跨平台。

从分析中可以看出，混合App中的Web主可以成为最佳类型的混合App解决方案，只要它能够解决用户体验差的问题，这也是目前最难解决的问题。

2： 离线主流混合模式

对于HybridApp的开发，现阶段的主流平台包括PhoneGap、AppCan、appMobi、Titanium等。它们基于webkit开源内核，并使用HTML5标准开发。自适应模型简单，支持