webview

webview 的原理

如何实现 webview

hybrid 是什么，为何会是用 hybrid？

hybrid 即“混合”，即前端和客户端的混合开发

需要前端开发人员和客户端开发人员配合完成

某些环节也可能涉及到 server 端

存在价值

可以快速迭代更新【关键】（无需 app 审核）

webview

是 app 中的一个组件（app 可以有 webview，也可以不要）

用于加载 h5 页面，即一个小型的浏览器内核

file 协议

https 协议（远程的），file 协议（文件协议，加载本地的）

file 协议：本地文件，快

http(s)协议：网络加载，慢

具体实现：

前端做好页面，客户端开启 webview，用 file 协议加载静态页面

完整流程

分版本号

将静态文件压缩成 zip 包，上传到服务端

客户端每次启动，都去服务端检查版本号

如果服务端版本号与客户端不同，就去下载最新的包

下载完之后解压包，然后将现有文件覆盖

hybrid 和 H5 的区别

优点：体验更好，更 NA 体验基本一致

可快速迭代，无需 app 审核【关键】

缺点：开发成本高。联调、测试、查 bug 比较麻烦

运维成本高