hybrid

• hybrid是什么，为何使用hybrid
• 介绍一下hybrid更新和上线的流程
• hybrid和h5的区别
• 前端JS和客户端如何通讯

一、hybrid是什么？为何会用hybrid?

1、hybrid文字解释

• hybrid即“混合”，即前端和客户端的混合开发
• 需前端开发人员和客户端开发人员配合完成
• 某些环节也可能涉及到server端

2、hybrid存在的价值

• 可以快速迭代更新（无需app审核，因为hybrid是纯前端代码（html，css，js））
• 体验流程（和NA的体验基本类似）
• 减少开发和沟通成本，双端公用一套代码

3、webview

• 是app种的一个组件（app可以有webview，也可以 没有）
• 用于加载h5页面，即一个小型的浏览器内核

4、file协议

• 加载本地的东西，快
• file协议的构成是file://后面加上文件在本地的绝对路径。

5、hybrid的适用场景

• 使用NA：体验要求极致，变化不频繁
• 使用hybrid：体验要求高，变化频繁
• 使用h5：体验无需要求，不常用

6、hybrid具体实现

• 前端做好静态页面（html js css），将文件交给客户端
• 客户端拿到前端静态页面，以文件形式存储在app中
• 客户端在一个webview中
• 使用file协议加载静态页面

二、hybrid更新上线流程

要替换每个客户端的静态文件，只能客户端来做，客户端去server下载最新的静态文件，我们维护server的静态文件。

1、具体的流程

• 分版本，有版本号
• 将静态文件压缩成zip包，上传到服务器
• 客户端每次启动，都去服务端检查版本号
• 如果服务端版本号大于客户端版本号，就去下载最新的aip包，下载完之后解压包，然后将现有文件覆盖

三、hybrid和h5的区别

• hybrid相比于h5的优点

1. 体验更好，跟NA体验基本一致
2. 可快速迭代，无需APP审核

• hybrid相比于h5的缺点

1. 开发成本高。联调、测试、查bug都比较麻烦
2. 运维成本高。

• 适用场景

1. hybrid：产品的稳定功能，体验要求高，迭代频繁
2. h5：单次的运营活动（如xx红包）或不常用功能