为了账号安全,请及时绑定邮箱和手机立即绑定

2018 混合开发

标签:
WebApp

一、概念

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框架和工具出现。


推荐以下常用混合开发框架

[1]WeX5 ---简介

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教程


如有新的框架将持续更新



作者:Silence_广
链接:https://www.jianshu.com/p/dd91e2dc6670


点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消