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 比较麻烦

运维成本高

Last Updated:
Contributors: johan