普元移动产品线主任架构师郝振明——驱动原生型移动应用的跨平台实践

茅浩初

2017/11/14 发布于 技术 分类

近两年来,越来越多的公司放弃了以Webkit作为UI渲染的跨平台,转向以原生渲染(比如:React Native)作为跨平台方式。此次讲者将结合普元移动平台团队四五年的相关经验,分享一下过程中的思考、实践以及趟过的坑。

文字内容
1. 驱动原生型移动应用的跨平台实践 普元信息 郝振明
2. 这里所说的驱动原生型是个什么鬼? Ta不是Hybird (eg. Cordova),因为Ta不用Webkit 做UI 渲染。 Ta不是编译型原生(eg. Xamarin ),因为Ta编写的代码 无需编译成对应平台的二进制。 Ta是驱动型原生 ,一种运行态时,可动态的与操作系统交 互,让操作系统提供原生UI渲染方式的移动开发技术。 Ta 已经成为一种流派。
3. 驱动原生 已是一种移动App端技术流派 •  采用原生渲染,摒弃Webkit渲染,提升体验 •  一般都采用Web语言作为基础开发语言,降低学习 成本
4. 另外,种种迹象表明,一种叫“小程序” 的东西也是驱动原生型
5. 驱动原生,不得不提一下JavascriptCore的操作系统默认支持 •  以Javascript 与操作系统进 行交互。 •  通过iOS/Android 的控件进 行渲染 •  全过程,UI渲染完全不用 Webview 图片原文地址:http://blog.cnbang.net/tech/2698
6. Tips : 如何判断App采用的是Webkit渲染还是原生渲染(原生代码、驱动原生)
7. Tips : 如何判断App采用的是Webkit渲染还是原生渲染(原生代码、驱动原生) 手机淘宝 大众点评 普元 采用原生渲染方式 12306 Webkit渲染
8. 另外,这个是学(chao)习(xi)先进App布局的一好帮手 15年双12版本 16年618版本
9. 我看驱动原生型技术的两个纬度 可行性 工程化
10. 众多App都在使用 我可以说,驱动原生是现在最好的跨平台移动解决方案吗? 恩,看看今天跨平台专场分享的主题吧
11. 驱动原生在企业中也越多越多的被使用
12. 原生能力体现,更大发挥移动的优势,强化交互性 VR 移动开展业务
14. 我看驱动原生型技术的两个纬度 可行性 工程化
15. 开发期采用标准Web语法(HTML/CSS/Javescript),降低学习成本 •  HTML用于布局、控件及属性设置等 •  CSS用于样式设置 •  Javascript 用于数据设置、交互响应等
16. 多屏调试,支持iOS、Android同时调试,并自动适配屏幕尺寸
17. 代码动态生效、多屏调试Demo
18. How it works? IDE 编辑器:用户 html/css/javascript 工作区资源管理 标签、样式模板 编译生成文件:js 编译引擎 Notify:ResourceChange Listener& Handler 网络服务 send changelist 向所有客户端广播 更新列表 请求更新列表 android iOS
19. 不仅仅能够定位编译期错误,运行态也没问题
20. 多级更新机制,降低二次推广(新业务上线)难度 应用市场 更新 应用内 完整更新 微应用级 更新 资源级 更新 l  以完整的ipa/apk为更 新单元 l  必须通过市场 l  整个App的功能为更 新单元 l  不须要经过市场 l  支持热更新 l  以微应用作为更新单元 l  不须要经过市场 l  可以与权限结合 l  支持热更新 l  以UI、图片等文件资源 为更新单元 l  不须要经过市场 l  支持热更新 l  适用补丁快速上线
21. 应用内完整更新与资源级更新
22. 有一种小程序,我们叫Ta 微应用(MicroApp)
23. MicroApp 的三个基本特征 业务上 独立 开发期 项目隔离 运行态 动态部署
24. 微应用,在企业中带来价值 采用微应用的方式进行上线运营,可以有效提高业务响应度、提升运 营的精细化 以微应用的方式进行更新、管理和监控,可以提升运营效率 通过微应用市场的方式,用户自行定义可使用功能,提升体验 微应用的添加方便结合权限控制,提升运营的管控性和功能友好性
25. 两段式编译,兼顾开发期效率的同时,支持安装包和微应用动态更新 HTML/CSS/Javascript/res/config…. IDE 导出 .zip(Javascript/res/config….) 微应用 部署 编译环境 编译 安装 移动设备 .ipa .apk 安装包 更新服务器 更新
26. 移动端跨平台只是移动信息化、移动互联的冰山一角,还有…… 移动应a Web 应a 物联网pH T入服B 元数S服B IA策略 API Gateway 访问o证 服B发现 SPI API v件t产 集QM服B NoSQL 服B路b SPI RD REST API 流程M服B RD SPI API NoSQL REST 数SM服B SPI API Hadoop MPP 消 P 中 N DevOps 自动D服B 测s自动D 构L自动D y署自动D 平G自动D w营服B E作 R术e板 业Be板 遥测服B d控与通知 WO与优D
27. Q&A 欢迎一起探讨