本文将带你了解WEBAPP开发之hybrid app混合webapp开发，希望本文对大家学WEBAPP有所帮助。

手机APP开发的几种方式
原生/Native：使用原生SDK开发App。优点不用说，当你有足够的资源，这是最理想的方式；缺点是对不同的平台要分别开发，学习成本高,开发成本高、开发周期长、不易于web开发人员和企业建站公司转型
原生脚本/NativeScript：将原生API封装成JavaScript接口，这有点像前端的nodejs。NativeScript方式与原生相比性能损失不大（据称只有10%左右），优点是开发语言统一使用JavaScript，缺点是要针对不同的平台分别开发。
原生+web/Hybrid：使用原生技术开发，部分页面调用web。优点是比纯原生开发周期短，页面更新方便，如支付宝，还有很多app的详情页面。缺点：需要原生和web配合。
混合/Hybrid：使用web技术开发App，使用Cordova/PhoneGap之类进行打包封装。优点是采用标准的web技术开发，避免了不同平台原生开发体系的学习，学习成本低，上手快、效率高,一次开发微信wapapp全部搞定；缺点是app在android平台性能上有一些损失，但是相信硬件的发展会接近原生。
APICloud
APICloud是一款“云端一体”的移动开发平台，信仰“云端一体”的理念，重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API，简化移动应用开发技术，让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成，可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。
WeX5
WeX5采用混合应用（hybridapp）开发模式,UI体系完全基于w3c的html5+css3+js；引入jquery和bootstrap并对移动做了底层优化，效率和性能接近原生应用。WeX5本机APIFramework采用phonegap(cordova)框架。

定位：开发面向消费者和公众的开放应用系统
适用：一般app、电商app、客服app、会员app、微店微商等
前端：安卓app/苹果app/微信服务号/PCwebapp/百度直达号轻应用
后端：后端数据处理组件，对接各主流技术平台
费用：完全开源，彻底免费，无任何限制


UI技术：WeX5的UI技术和标准是html+js+css，框架是jquery、requirejs和bootstrap，都是主流的不能再主流，标得不能在标准的东西了。
本机apiframework：WeX5采用了codova/phonegap，也是最主流的了，MS的visualstudio，IBM的worklight，Intel的XDK。。。等开发工具都在用。
后端：WeX5的后端开放，你可以用php、.net、javaee、.nodejs。。。等等。






1.png

IONIC
IONIC是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScriptMVVM框架和AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。Ionic是一个专注于用WEB开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。Ionic框架的目的是从web的角度开发手机应用，基于PhoneGap的编译平台，可以实现编译成各个平台的应用程序。
之前一直在思考app需要跟java搭上关系，，突然发现app就相当于一个带了url的浏览器，，只是数据交互的时候会跟后台服务器搭上关系，，我前面app怎么实现跟后台有什么关系呢。。。。。。。。。。。。纠结了好久的问题。。。
ionic与phonegap的关系
phonegap是骨架。是血肉。是思维。（其实就是个中间件，让web页面能与手机原生功能交互）ionic，appframework等UI框架是皮肉，用现在的话说就是看脸的时代。颜值什么的都靠这个提升二者并没有直接的包含或被包含。phonegap也可以用cordova替代。或者是别的中间件。ionic或者appframework也可以不用，完全手写html5的页面也是没有问题的。使用前端的ui框架只是为了省事。比如一个popup的弹窗，比如一个modal,实现起来都是需要时间的。而使用框架的话，直接调用一下封装好的就行了。
ionic=cordova编译环境+cordovaapi+angular+angularui插件(带css)
ionic放弃了安卓4.1以下的版本和ios6以下的版本
混合webapp
ionic---技能学习；cordova(phonegap)中间件+angularJs(前端MVVM技术***)+ionic(UI组件)
开发工具；可以在eclipse、sublime、webstorm上进行开发，
优点：快速做app应用是个不错的选择，但封装了angular所以首先要会使用angular框架，很多组件可以直接用方便快速
相对充足的学习资料，LearnIconic,TheIconicbook
ngcordova，将主流的CordovaAPI或者Cordova插件封装为AngularJS扩展，使用非常方便。
开源免费的webfonticon库ionicons,基本满足你icon需求。
异常活跃的在线社区。
缺点：低端机表现不算流畅（需要引入crosswall），页面元素太多会不流畅，安卓版本可能会有些bug在开发时需要调整
支持版本：android4.0以上ios6以上
wex5---源于国内自主研发起步公司的软件，主要进行app，微信端的开发，目前而言针对android和ios的比较多，是基于HTML5、CSS3的开发，是通过图形化界面调用组件设计UI,后台用requireJS来进行代码编写，适用范围中等水平，是一款快速开发工具
技能学习：WeX5的UI技术和标准是html+js+css，框架是jquery、requirejs和bootstrap，cor/dova(phonegap)中间件Knockoutjs（MVVM）
开发工具：WeX5提供的开发工具
支持版本：android4.0以上ios6以上
优点；异常活跃的在线社区
可视化拖拽式集成开发环境IDE
默认内嵌高性能浏览器，大大提升性能，特别是android低端机
提供微信等轻应用框架
提供了丰富的原生插件
支持引入和扩展第三方插件，任何原生app能实现的能力都可通过扩展插件实现
缺点：拖拽控件的傻瓜式开发，没有太多实际编程能力上的提高
较冷门、小众使用的产品，不入主流，bug还是有很多    

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道！