一、混合开发背景及概述跟着移动浪潮的兴起，各种APP层出不穷，极速的事务扩展提升了团队对开发功率的要求，这个时分运用IOS&Andriod开发一个APP好像本钱有点过高了，而H5的低本钱、高功率、跨途径等特性马上被运用起来形成了一种新的开发形式：Hybrid APP。作为一种混合开发的形式，Hybrid APP底层依赖于Native供给的容器（UIWebview），上层运用Html&Css&JS做事务开发，底层通明化、上层多多样化，这种场景十分有利于前端介入，十分适合事务快速迭代，于是Hybrid火啦。Hybrid App主要以JS+Native两者彼此调用为主，从开发层面完成“一次开发，多处运转”的机制，成为真正适合跨途径的开发。Hybrid App兼具了Native App杰出用户体会的优势，也兼具了Web App运用HTML5跨途径开发低本钱的优势。现在已经有众多Hybrid App开发成功运用，比方美团、爱奇艺、微信等闻名移动运用，都是选用Hybrid App开发形式。为什么要引进hybrid开发Native应对急速事务需求，APP迭代加快，频频的发版已难以敷衍Android途径众多，apple store审阅周期长纯native开发功率低，开发保护本钱高不能及时修正bug,不能动态发版相关于其他动态发布技能，技能研发本钱较低，运用语言更广泛，社区资源更丰厚二、Hybrid开发优劣势三种开发形式比照一)：Native App 即 原生App开发长处

（1）打造完美的用户体会

（2）功能稳定

（3）操作速度快，上手流畅

（4）拜访本地资源（通讯录，相册）

（5）规划超卓的动效，转场，

（6）拥有体系级别的交心告诉或提示

（7）用户留存率高缺陷

（1）分发本钱高（不同途径有不同的开发语言和界面适配）

（2）保护本钱高（例如一款App已更新至V5版别，但仍有用户在运用V2， V3，V4版别，需求更多的开发人员保护之前的版别）

（3）更新缓慢，依据不同途径，提交–审阅–上线 等等不同的流程，需求通过的流程较杂乱。

二)：Web App 即 网页App开发

1、特点（html css js）

2、优势 (发版彻底自控随时更新开发本钱小时间快)

3、劣势（功能差弱网络无网络条件下体会差）Web App其实便是写好的一套长得像App UI界面的能够自适应的网页加壳。实质套webview壳子打包成App，走的都是web页面（html css js），这种方法关于做过Web开发的开说十分轻松就能够做出一个属于自己的App，由于本身来说用的便是Web的东西，所以有十分好的跨途径的特功能够在任意途径运转，包括发版这方面web能够随时部署所以不需求发版，web页面嵌入webview开发起来速度十分快，一个人就能够轻松搞定，对有展现类需求的项目来说选用这种方法是最适合的，可是假如要完成的功能比较杂乱的话就显得力不从心了。比较Native App，Web App体会中受限于网络环境和烘托功能。网络环境，烘托功能Web APP对网络环境的依赖性较大，由于Web APP中的H5页面，当用户运用时，去服务器恳求显示页面。假如此刻用户恰巧遇到网速慢，网络不稳定等其他环境时，用户恳求页面的功率大打折扣，在用户使 用中会呈现不流畅，断断续续的不良感受。一起，H5技能本身烘托功能较弱：对杂乱的图形款式，多样的动效，自定义字体等的支撑性不强。因而，根据网络环境和烘托功能的影响，在规划H5页面时，应留意以下几点：1.简化不重要的动画/动效2.简化杂乱的图形文字款式3.削减页面烘托的频率和次数

三) ：Hybrid App 即 混合型App开发长处

1、跨途径

2、开发周期短、本钱低

3、用户体会杰出

4、能够即时修正bug、动态发版缺陷

1、虽然说你能够专心在界面以及交互开发上了，可是这页会成为一个缺陷，比方说要仿制一个iOS的默认设置界面，就需求大量的html以及css代码了，而且作用不一定和iPhone上面的界面相同好；

2、正由于这是跨途径的开发，所以还是这句话：兼容是前端的痛。了解过在Android机器上面的Web开发就知道这个痛了。比方前些年在Android设备上面写圆角，border-radius:10px，在Android的设备上面会呈现毛边。3、便于调试其实是在Web界面层的。可是实际上做Hybrid App开发的时分，你会遇到需求，进入手机的底层恳求，做某些处理。比方说假如该运用有Push Notification服务的话，你就需求到底层，获取Push Notification发作时的数据，以及做相应的交互处理。当然相似PhoneGap这类结构，已经有很好的插件机制去协助你解决相似的问题，当然还有Game Center之类的插件，具体的话能够到Github去重视PhoneGap官方的账户，资源十分丰厚三、前端与native分工在做Hybrid架构规划之前需求分清Native与前端的界限，首要Native供给的是一宿主环境，要合理的运用Native供给的才能，要完成通用的Hybrid途径架构，站在前端视角，我以为需求考虑以下核心规划问题。交互规划Hybrid架构规划第一个要考虑的问题是如何规划与前端的交互，假如这块规划的不好会对后续开发、前端结构保护造成深远的影响，而且这种影响往往是不可逆的，所以这儿需求前端与Native好好合作，供给通用的接口，比方：

① NativeUI组件，header组件、消息类组件

② 通讯录、体系、设备信息读取接口

③ H5与Native的相互跳转，比方H5如何跳到一个Native页面，H5如何新开Webview做动画跳到另一个H5页面资源拜访机制Native首要需求考虑如何拜访H5资源，做到既能以file的方法拜访Native内部资源，又能运用url的方法拜访线上资源；需求供给前端资源增量替换机制，以摆脱APP迭代发版问题，防止用户晋级APP。这儿就会涉及到静态资源在APP中的寄存战略，更新战略的规划，杂乱的话还会涉及到服务器端的支撑。账号信息规划账号体系是重要而且无法防止的，Native需求规划杰出安全的身份验证机制，保证这块对事务开发者满足通明，打通账户信息

声明：本文来源网络资料收集整理，如有侵权，及时告知我们给予删除。