H5 WebView热更新策略

背景介绍

本文介绍了一种嵌入到原生客户端(安卓和IOS)中的H5页面中资源热更新策略。

通常使用WebView技术将H5页面嵌入到原生客户端中,作为二级页面,以此来提高开发效率。但由此带来的一个问题就是:如何向H5页面传递信息。

常见的作法有两种:1. 通过在js全局对象上注入方法的方式;2. 原生打开H5页面的时候通过cookie传递消息。

这两种做法各有利弊:

  • 注入js方法的方式可以携带较大的数据量,但是缺点在于: 1. 注入需要时间;2. 传递的数据量超过限制之后会导致App闪退;
  • 通过cookie的方式克服了注入等待时间的缺点,但是cookie能够携带的数据量比较小,不能作为大量数据传递的途径。

解决方案

笔者在工作实践中采用的方式是:cookie+时间戳的方式;通过cookie不传递信息,而是传递信息是否更新的时间戳;通过和本地保存的时间戳进行对比,可以判断出本地保存的信息是否过期,如果过期,再由H5向后端请求数据。

下面是国际化资源热更新的流程图,从中清晰的体现出资源热更新的策略:

相关推荐
Doro再努力14 分钟前
【Linux操作系统15】深入理解Linux进程概念:从理论到实践
android·linux·运维
城东米粉儿18 分钟前
Android Lifecycle、LifecycleOwner、ViewLifecycleOwner、LifecycleScope、ViewModelScop
android
m0_528749001 小时前
sql基础查询
android·数据库·sql
安卓机器1 小时前
安卓玩机自做小工具------用于ROM修改 解打包boot.img修改小工具
android
独自破碎E1 小时前
BISHI66 子数列求积
android·java·开发语言
城东米粉儿2 小时前
Android Flow 笔记
android
测试工坊2 小时前
Android CPU 使用率不准?一文搞懂 DVFS 降频对性能数据的影响
android
城东米粉儿2 小时前
Android Hilt 笔记
android
醉饮千觞不知愁2 小时前
Android Lifecycle的事件与状态映射关系
android·kotlin
千里马学框架3 小时前
app性能优化:优化布局层次结构
android·面试·性能优化·framework·分屏·布局·小米汽车