刘现壮:HTML5未来组合能力

7月19日,由HTML5梦工场主办的第四届HTML5峰会暨攻城师嘉年华(iWeb峰会)首站在上海开幕,会上AppCan 华东事业群项目总监的刘现壮发表了《HTML5未来组合能力》主题演讲。

AppCan华东事业部项目总监、AppCan华东事业群项目总监的刘现壮,他经历嵌入式手机软件系统开发到移动信息化建设,拥有10多年的研究经验;现负责AppCan华东区对百胜集团、东方航空、正大天晴、国药等国企、央企和世界五百强展开的移动信息化项目,在金融、航空、医药领域的信息化建设中有着深入研究和独特见解。

对HTML5当下狂潮的分析,我们提炼出HTML5之殇,并探究其根源。结合当下现实问题,将HTML5的优势和弊端客观现实的展示出来,并预测未来发展趋势。AppCan.cn便是基于HTML5为基础,以Hybrid混合开发为核心开发技术的平台,是国内混合模式开发技术研究的先驱与领导者,致力于服务移动App开发者,为开发者提供一个最快速、便捷和免费开源的移动开发平台。Hybrid混合开发技术是HTML5未来发展的重要方向之一,这次AppCan将带来对这一方向实践的所有经验和未来构想,为开发者解密这一方向的所有秘密,提供宝贵的经验参考。

以下是演讲实录:

1

大家好,我是AppCan华东事业部的同事刘现壮,前段时间也参加过几次类似的峰会,像今天这样颜值爆表,人员爆场还真是第一次。今天来的同学很多人都已经接触过我们这个平台,因为我们今年在上海、南京、广州等地每月都定期开了很多培训班和沙龙,今天主要和大家分享下我们在打造移动平台开发过程中怎么样提高H5的组合能力。

2

随着H5这几年的不断发展越来越完善,它提供了很多自定义的标签让我们使用,比如用Canwas标签来提高动画和图片的渲染,提供一些原生设备API的接口让前端使用。开发出的webAPP无需下载,直接使用。后端更新代码前端可以即时更新,这些都比较适合移动端快速更新研发的需求。所以H5这个技术未来更适合做移动端应用的开发。

3

但是在H5发展的过程中有一些不足,如WebAPP表现体验不佳,在体验上没有原生应用在使用过程中那么好,最典型的例子就是facebook 在开发移动端产品初期的时候,把大部分的精力都投入在用H5研发上,后来用户反馈使用过程中体验非常不好导致后来facebook 又重新调整方向使用原生开发。

4

H5的学习成本比较低,但是原生在一些体验比H5要好。原生APP继续存在有很多原因,苹果这个系统很封闭,你开发和发布的时候,必须要遵守苹果的规则和制度。不可能说H5到来之后就直接会把原生应用给替换掉。在苹果市场培育下,我们很多用户习惯了这种方式,每次下载APP的时候直接去APP渠道搜索下载,然后进行使用。

5

所以H5的发展还有一段艰辛的历程需要我们去走。H5好用、学习成本低但是体验与原生相比稍差,我们不能丢掉原生,又要引用H5的优势,在这样的趋势下就催成新的开发模式,就是混合开发模式

6

权威调查部门分析2016年可能会超过一半以上应用采用新的开发技术,也混合开发技术做移动应用端的开发。APPCan致力于服务移动APP开发者,提供一站式移动开发解决方案,在这个平台上做出的APP更接近于原生APP的体验。

7

我们用H5的技术开发出与原生相媲美的APP,这种开发理念分为几个步骤。第一个我们前端实现界面全部使用H5、CSSO构建APP页面,AppCan提供了跨平台的移动应用开发引擎,开发者不需要学习原生应用开发的技术,使用H5就可以做出在安卓和苹果平台都可以使用的APP。

8

9

我们提供了很多原生插件,都是免费开源的发布到官方网站供很多开发者学习借鉴,也可直接使用。包括二维码、通讯录、社交分享的等插件。我们在开发过程中为开发者提供了专业的开发工具。因为要用原生应用的话,不可能使用简单的编辑工具就可以完成开发。同时有一套完善的协同办公系统,多个团队可进行同步开发,我们大家开发出来的东西可以上传到SDK里进行模块整合,IDE里也封装了很多移动端的开发模版,有新闻类的,有OA类的,还有航空、医疗类的模版,都可以直接利用现有的模版构建简单的APP。

10

11

在开发过程中,我们又提供了一个应用模拟器,开发出来的代码可以直接在PC机上进行预览调试,实现一边调试一边预览。这个开发工具也不需要专门苹果系统,或者是配置一个比较高配的电脑,就我们普通的PC开发机就安装使用。

12

同时我们提供了本地打包的功能,在研发过程中不用上传到任何服务器,在自己电脑上可以打包,打包之后可以装在苹果手机安卓手机上进行预览。

13

如果我们发布到APP Store里,开发者把自己开发出来的代码上传到官方网站,通过我们云端正式编译环境编译出来的软件可以传到各渠道进行发布。

14

15

有的企业用户觉得代码如果传到公有云有一定的安全隐患,传上去有不太放心的话,我们也提供了私有云的开发系统。独立的编译环境、服务器、跨平台引擎等。后台我们还有这种专门用于移动推送的服务,支持一次群发、单发,我们也可以结合自己实际开发的需求做定制化的开发。比如说做OA类项目,向领导提交审批什么的,提交的同时我们可以调用API接口进行推送。在后端也提供了强大数据统计分析的服务,我们通过后台统计分析可以看出用户的行为分析,还有我们目前使用的设备都是什么品牌什么型号,分辨率大概有哪些,分辨率占多少百分比,这个在后续开发和测试时给我们提供了一个侧重方向。

16

17

这是在APPCan移动开发平台提供的一站式开发服务支撑产品,主要有跨平台引擎、文档和社区,目前我们很多文档和原生插件方法都是贡献在社区里面,大家可以在社区里面沟通和交流,有问题的话可以在线提问。

18 19

用H5的技术在APPCan这个平台上开发出的应用可与原生技术媲美,我们的原则:凡是炫的动画效果和需要处理比较大的数据时,这些都使用原生的技术开发出插件,提供出API给全段,这些页面能通过H5进行快速的完成拼装开发。我们现在已经发布和正在发布的插件有200个左右,大家可以通过官网直接下载和使用。

20

21

通过这几年技术的积累和不断发展,AppCan在国内已经成为比较知名的移动开发平台,我们主要服务于各大领域里的一些标杆企业,包括东方航空、中化集团、新华社等。一级和二三线城市有些小型企业也有开发需求,最近两年移动开发的需求呈井喷式上涨,开发者可以快速的学习我们的平台和技术后融入到这个移动互联的浪潮里来。 这个是我们的开发者做的小应用,他也是学习一段时间之后,就使用我们这个平台做了一个APP。 下面对我们的平台做下简单的了解,开发者大概有70万人,服务于6000多家企业,有2000多万个APP在移动端使用。这是我们上海这边分公司的地址,另外我们在全国也有十几家分公司,总公司在北京。

22

23

今天我给大家的分享就到这里,谢谢!

24