一、概念
App混合开发，顾名思义，是一个开发模式，指的是开发一个App一部分功能用native构建一部分功能用html5构建，英文名叫：Hybrid App。
在几年前就已经出现了App混合开发模式，但是真正开始流行始于2014年末，到了2016年已经很流行了，2017年将是鼎盛的一年，因为现在连银行app都开始用混合开发了，比如招行、建行等。
二、优缺点
混合开发最大的优点是：节约成本和时间，缩短App开发周期。
最大的缺点我个人认为有两个：一是性能不是很好，二是兼容性比较差。
但随着Android 5.0+的普及以及iOS 9.0+的普及，性能缺陷和兼容性问题都在下降，也就是说如果哪一天Android最低支持版本从5.0开始，iOS最低支持版本从9.0开始了，那么混合开发App的缺点就明显会下降了，而这一天将在2017年末至2018年初到来。
三、工具和框架
混合开发一些开发工具和框架其实很早就有了，比如AppCan、PhoneGap(Cordova)等，他们都主张一站式开发，简单的说，一个纯html5的开发人员就可以开发和发布Android和iOS的App了，不需要专门的Android和iOS开发人员。虽然感觉这样开发起来很快很简单，但是遇到问题和特殊需求的时候，就开始头疼了，再加上框架本身也存在一定的性能消耗，在Android 5.0和iOS 9.0以下，开发出来的App就显得很鸡肋。所以依我的经验来看，并不推荐找几个纯html5的开发人员就开始“干大事”。
四、怎么去做好混合开发
上面说了，找几个纯html5的开发人员就开始做混合开发，这个是不实际的。主要是因为：1、不是所有的App就用html5来做就可以满足需求，有些特殊场景和特殊的页面以及高性能页面需要用到原生的支持，2、一些复杂算法/重要信息用html5来实现和管理。
综上，我认为以后大部分混合App以后都会朝着以下方向去努力：
1、努力做到原生部分占20%，html5部分占80%。
2、原生将实现：App主界面框架(可能含启动页面)、要求高性能的页面(如聊天/视频通话页面)、复杂算法/重要信息的存储或通信。
而目前这两年来说(2017~2018年)，大部分App只能做到35%左右的原生以及65%左右的html5。
一个混合App项目的前端开发人员的分布大概会是1:1:2.5，即：
小型项目：1个Android，1个iOS，2~3个html5
中大型项目：2个Android，2个iOS，4~6个html5
五、混合开发产生影响
1、以后几年Android和iOS开发人员需求量将逐渐减小，而html5开发人员需求量将越来越大，而从Android或iOS转html5的开发人员将慢慢越来越吃香。
2、html发展进程将加快，将越来越多的html框架和工具出现。
推荐以下常用混合开发框架
WeX5遵循Apache开源协议，完全开源免费，上百个组件框架，全部开放，可视化的组件框架，开发者可自定义组件，集成第三方组件，采用MVC设计模式，数据和视图分离，页面描述和代码逻辑分离，支持浏览器调试、真机调试、原生调试，等多种调试模式，开发者可掌握每一行代码。
WeX5一直坚持采用H5+CSS3+JS标准技术，一次开发，多端任意部署，确保开发者成果始终通用、不受限制。WeX5的混合应用开发模式能轻松调用手机设备，如相机、地图、通讯录等，让开发者轻松应对各类复杂数据应用，代码量减少80%。同时开发出的应用能够媲美原生的运行体验。
WeX5的可视化开发，坚持为开发者提供良好开发体验，拖拽式页面设计，易学易用，拖拽组件、设置属性即可完成复杂技术能力。
[2]APICloud
APICloud是中国领先的“云端一体”的移动应用云服务提供商。 APICloud为开发者从“云”和“端”两个方向提供API，简化移动应用开发技术，让移动应用的开发周期从一个月缩短到7天。基于APICloud提供的“云API”和“端API”，开发者甚至可以忘记繁杂的服务端编码，也可以忘记复杂的Objective-C和Java，更可以忘记那数不清的屏幕适配。
APICloud推行“云端一体”的理念，重新定义了移动应用开发，帮开发者搞定一切。
[3]MUI 🔥
MUI是一套前端框架，由DCLOUD公司研发而成，提供大量H5和js语言组成的组件，大大提高了开发效率，可以用于开发web端应用、web app等应用。
[4]微信小程序开发 🔥
微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。
[5]phonegap
Phonegap是一款开源的开发框架，旨在让开发者使用[HTML]、[Javascript]、CSS等Web APIs开发跨平台的移动应用程序。原本由Nitobi公司开发，现在由Adobe拥有。
它需要特定平台提供的附加软件，例如iPhone的IOS [SDK]，Android的Android SDK等，也可以和DW5.5及以上版本配套开发。使用PhoneGap只比为每个平台分别建立应用程序好一点点，因为虽然基本代码是一样的，但是你仍然需要为每个平台分别编译应用程序。
[6]AppCan
AppCan是国内Hybrid App混合模式开发的倡导者，AppCan应用引擎支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用"不流畅"和"体验差"的问题。使用AppCan应用引擎提供的Native交互能力，可以让HTML5开发的移动应用基本接近Native App的体验。
与Phonegap支持单一webview使用div为单位开发移动应用不同。AppCan支持多窗口机制，让开发者可以像最传统的网页开发一样，通过页面链接的方式灵活的开发移动应用。基于这种机制，开发者可以开发出大型的移动应用，而不是只能开发简易类型的移动应用。
AppCan提供强大的设备调用能力，电话、短信、相机、LBS、传感器、数据库等常用的手机功能，开发者可以通过JS接口调用，轻松构建移动应用。
[7]CrossApp
CrossApp是一款完全开源、免费、跨平台的移动应用开发引擎，基于最宽松的MIT开源协议，开发者根据自身情况使用CrossApp开发任何商业项目，官方会提供每天8小时的在线页面问答式服务，每个问题的反馈速度大概在30分钟左右，回复率90%。
[8]Cordova
Cordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。
Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码。
Cordova支持如下移动操作系统：iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。
[9]React Native 🔥
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。
React Native使你能够在Javascript和React的基础上获得完全一致的开发体验，构建世界一流的原生APP。
(Learn once, write anywhere)
React Native着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。
[10]ionic
ionic是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化html、css和js的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。
其它连接资料
微信小程序开发文档
AppCan教程
React Native教程
CrossApp教程
Cordova教程
jQuery Mobile教程
注如有新的框架将持续更新
网友评论