移动端技术选型规划一、总体架构二、移动端技术模式分析三、集成开发平台四、前端开发框架五、小结六、示例开发

424 阅读 0 评论 280 点赞

我是靠谱客的博主隐形煎蛋，这篇文章主要介绍移动端技术选型规划一、总体架构二、移动端技术模式分析三、集成开发平台四、前端开发框架五、小结六、示例开发，现在分享给大家，希望可以做个参考。

一、总体架构

应用软件的发展，在进入Web时代之后，其架构基础是服务端+客户端，就当前各种技术而言，总在这个架构之内发演绎，对一些细节进行优化。

服务端主要包括数据、资源和业务处理，有些应用系统中将分为数据服务器、应用服务器等，有些分为数据层、数据访问层、业务处理层、负载均衡、代理服务器等，这些方法都是对服务端的进一步细分。

客户端则是用户和应用系统交互的介质，例如PC、笔记本、平板、手机、PDA、可穿戴设备等，是用户直接感知的应用系统设备。随着技术的发展演进，部分服务端功能也会在客户端处理，减轻服务端的工作量，例如一些简单的业务运算。

移动端是客户端的一种技术，伴随着客户端与服务端分离、客户端轻便易携、移动网络等理念和技术发展，客户端经历了一体机、PC、笔记本、手机等技术迭代。移动端是采用移动网络接入、使用移动设备、通过移动平台使用移动应用的一类客户端。

二、移动端技术模式分析

移动端技术模式主要包括Native APP、Hybrid APP、Web APP和微信小程序。

Native APP是原生应用，是基于终端操作系统编写运行的第三方应用程序。类似于早期的Windows程序和Linux程序，不能够跨平台，只能在特定的操作系统上运行；但是能够充分利用原生操作系统的功能和性能。

Web APP是网页应用，是基于Web的系统和应用。类型于Web应用程序，能够跨平台，但是对于原生操作系统的功能和性能利用不足。

Hybrid APP是混合应用，是介于Native APP和Web APP之间的APP，兼具Native APP的用户交互体验和Web APP跨平台的优势。类似于JVM，在操作系统之上加了一个中间层，开发人员无须特别关注底层实现方式，通过中间层即可取得操作系统的功能，但是性能上有所损失，这个损失相比Web APP来说是可以接受的。

	Native APP	Hybrid APP	Web APP
开发成本	高	中	低
维护更新	复杂	简单	简单
原生功能体验	优	接近优	差
Store或Market认可	认可	认可	不认可
安装	需要	需要	不需要
跨平台	差	优	优
性能	非常快	快	慢
安全	高	中	弱
开发语言	Native开发语言	Native和Web或只用Web	只用Web
充分利用现有技术	低	高	高

折中考虑，使用Hybrid开发模式，能够集Native和Web两者之长。一方面，Native可以充分利用现代移动设备所提供的全部不同特性和功能；另一方面，使用Web开发的所有代码都可以在不同的移动平台之间共享，使得开发和日常维护过程变得集中式、简短、经济高效。

从研发团队内部技能储备考虑，充分利用我们拥有的Web 开发技能。选择 Hybrid 开发方法，在合适的解决方案的支持下，Web 开发者只要仅仅运用 HTML、CSS 和 JavaScript 等 Web 技能，就能构建 App，同时提供 Native 用户体验。

从未来技术发展趋势考虑，HTML5的可用性和功能都在迅速改进。许多分析师预测，它可能会成为开发前端 App 的默认技术。如果用 HTML 来编写 App 的大部分代码，并且只有在需要时才使用 Native 代码，就能确保我们今天的投入在明天不会变得过时，因为 HTML 功能变得更丰富，可以满足一系列更广泛的移动要求。

可见，从开发模式这一角度分析比对，HybridAPP更具优势。

三、集成开发平台

序号	名称	公司	评价
1	AppCan	正益无线	国内Hybrid混合开发、移动平台、移动云平台的倡导者、领导者。云端打包、离线打包。
2	PhoneGap		国外开源
3	WeX5	起步科技	采用Apache许可证开源模式，商业友好，完全免费。
4	HBuilder	DCloud（数字天堂）	HBuilder是一个极客工具，追求无鼠标的极速操作。云端打包、离线打包。
5	ExMobi	烽火星空	专门针对企业领域移动应用开发特点推出的跨平台的专业开发平台。云端打包。
6	APICloud IDE	APICloud	云端定制开发，技术上类似于DCloud。
7	CrossAPP	9秒社团	完全开源、免费、跨平台的移动应用开发引擎，采用C++开发，可直接导出iOS和Android原生应用，拥有高性能、多控件、开发速度快的优势。

四、前端开发框架

序号	名称	公司	评价
1	jQuery Mobile		jQuery框架的一个组件，简单易用，支持全球主流移动平台，主要用于移动端浏览器应用。
2	Frozen UI	腾讯	针对移动端开发的JS组件库，依赖ZeptoJS，所有组件以Zepto插件形式存在，调用简单，体积小，功能不够强大
3	Sencha Touch	Sencha团队	世界上第一个基于HTML5的Mobile APP框架，基于最新的HTML5、CSS3、JavaScript，支持世界上最好的设备，增强的触摸事件，强大的数据集成能力
4	Bootstrap	Twitter	基于HTML、CSS、JavaScript的，简单灵活，开发快捷。
5	MUI	DCloud	最接近原生APP体验的前端框架。
6	MSUI	阿里	SUI Mobile是阿里巴巴国际UED前端团队的移动端UI库，主要借鉴Framework7的形态并以此为基础，参考Ratchet、Ionic、Onsen各种不同的思路，强化功能，精简体积，并提供国内最稳定快速的CDN支持。非常轻量，兼容iOS6.0+、Android4.0+。
7	Clouda	百度	已停更。
8	Agile Lite	烽火	支持jQuery和Zepto双引擎
9	Jingle UI		基于HTML5、CSS3、Zepto，依赖于iscroll