基于HTML5移动应用引擎研发与产业化的规划和设计思考

需求

针对市场上迅速发展的移动多媒体应用、游戏、社交、行业应用等需求，研发HTML5 App应用的容器产品和开发工具。研发应用展现、应用安全、本地能力适配、主流操作系统兼容、系统硬件加速技术等领域的关键技术，实现跨平台移动应用（App）的开发运行引擎的自主可控，为基于HTML5的Web应用系统提供一个安全、高效、易用的跨平台支撑环境。提供HTML5Web应用的开发工具、开发框架、应用集成框架和开发者社区，降低应用开发门槛，提高开发效率提供HTML5应用发布及运营管理功能，促进从“应用开发者—Web应用商店—用户”完整产业生态环境的形成和发展。实现跨平台移动应用（APP）的开发运行引擎与安全可控移动智能终端操作系统及硬件的深度集成与性能优化。

HTML5发展趋势

• 移动优先

• 游戏开发者领衔“主演”

• 响应式设计&自动变化的屏幕尺寸

• 设备访问

• 离线缓存

• 开发工具逐步的成熟

背景与存在的问题

背景

• 主流移动操作系统更新换代频率高

• 目前市场已形成Android、iOS以及Windows Phone三足鼎立之势

• 谁能达到在移动端对HTML5更好的支持，谁就能在以后的移动应用领域占据更多的市场

• HTML5的出现让移动平台的竞争由系统平台转向了浏览器，基于HTML5移动应用引擎的研发与产业化具有非常重要的意义

• App store的商业模式的出现颠覆了传统的性价比为核心的商业模式

存在的问题

• 多平台的用户使用习惯不一致

• 移动设备系统自带浏览器的引擎对HTML5 的支持不足

• 开发者常常为平台适配问题花费大量精力

• 市场极度缺乏开源的HTML5开发工具

建设内容与建设目标

建设目标

• 实现跨平台移动应用开发工具与运行引擎的自主可控

• 为基于HTML5的Web应用系统提供一个安全、高效、易用的跨平台支撑环境

• 聚集移动应用产业，形成以HTML5应用开发为核心，辐射影响到移动互联网及周边产业的应用的发展

建设内容

• 解决HTML5应用渲染、应用安全、本地能力适配、主流操作系统兼容、系统硬件加速技术等领域的关键技术，重点解决应用安全和本地能力适配的问题

• 研发并开放HTML5 Web应用的开发工具、云编译服务、开发规范

• 建设提供技术支持的开放式开发者社区

技术创新与商业模式创新

技术创新点

• 开发工具支持可视化HTML5移动应用开发（热插拔组件库）

• HTML5渲染引擎

• 跨平台（至少支持Android/IOS/WP三个主流平台）

• 云编译（支持移动编程、编译；支持自动发布到主流app store平台；支持云存储）

商业模式创新

• 核心产品自主研发，采用自用与开源相结合的方式，与开发者共同维护完善产品，使其满足广大开发者的核心需求，并联合合作伙伴为行业客户提供商业服务，使产品的商业价值最大化

• 收益方式：与AP/SP/CP分成；以企业为主体，为行业客户提供技术服务

• 开源、开放、共赢的开放式商业模式

实现可视化的HTML5应用开发

现有IDE分析（以IBM Maqetta为例）

只支持一种开发模式（WEB)	专注移动应用，支持三种开发模式 （WEB、本地、混合模式）
提供常用组件（JS库、Widget库）	组件更丰富，支持包括安全组件、IM、流媒体等及常用组件
本地编译	本地编译+云编译支持
只支持前端开发	支持客户端+服务器端开发平台
提供页面Editor	基于Eclipse平台的开发工具
开源	开源
可视化开发与拖曳式设计	可视化开发与拖曳式设计
移动控件库支持	移动控件库支持
对CSS样式的深度支持	对CSS样式的深度支持

HTML5引擎架构

云编译

平台整体架构

市场定位

• 平台环绕应用开发的生态链闭环建设和运营

• SAAS平台及服务（移动应用部分）

• 助力移动应用，让移动应用的开发过程更简单

• 助力开发者，让开发者更专注优秀创意的实现

更多内容来自（weikefangan）和知识星球「威客方案」