Hybird-App离线缓存系统

目录

  • 背景
  • 接口格式
  • 离线资源包格式
  • 离线资源下发
  • 离线资源缓存

背景

由于线上乐刻客户端 App 第一次打开平台 H5 需要几秒的加载时间,这个体验对用户来说并不友好,为了让用户跳转 H5 和跳转到原生一样的用户体验,就需要把 H5 相关的离线资源包下发给客户端,客户端就可以使用离线资源来代替实际网络请求,节省用户等待时间和流量消耗。并且随着业务的发展,不同的业务升级进度不一样,就需要 App 支持模块化升级。

接口格式

offlineResourceInfo 接口请求方法: POST

offlineResourceInfo 接口请求参数:

Json 形式:

{
    //"appVersion": "2.4.0", 可以去掉,因为请求头会包含
    "resourceversionList": [{
        "name": "m",
        "version": "1.0.0"
    },{
        "name": "coach",
        "version": "1.0.0"
    },{
        "name": "activity",
        "version": "1.0.0"
    }]
}

Form 表单形式:

resourceNames=m,coach,activity&resourceVersions=1.0.0,1.0.0,1.0.0

offlineResourceInfo 接口返回结构体:

{
    "data": {
        "resourceList": [{
                "name": "m",
                "version": "1.0.1",
                "url": "http://cdn.xxx.com/resource/m/m_update_1.0.0_1.0.1.zip",
                "md5": "a4d7feecbcae8e2ccba3b5ba90aa8a83",
                "isfull": false
            },{
                "name": "coach",
                "version": "1.0.1",
                "url":  "http://cdn.xxx.com/resource/coach/coach_full_1.0.1.zip",
                "md5": "a4d7feecbcae8e2ccba3b5ba90aa8a83",
                "isfull": true
            }
        ]
    }
}

参数说明:

"name": 模块名
"version": 升级版本
"url": 资源包下载地址
"md5": 资源包 md5
"isfull": 是否是全量升级包

离线资源包格式

增量和全量升级包拥有同样的结构,包含 config.json 文件和资源文件。

config.json 格式如下,version 记录的是下发的资源版本号,validate 记录的是所有文件的路劲和相应的 md5 hash 值。

{
    "version": "1.0.1",
    "validate": [{
       "path": "528/app.min.cs",
       "md5": "md5($cssFileContent)"
    },{
       "path": "528/app.min.js",
       "md5": "md5($jsFileContent)"
    }]
}

具体的资源与 config.json 平级。

--[528]
----app.min.css
----app.min.js

离线资源下发

下发时机

App 启动时设置定时器定时器-> wifi 环境下 -> 请求服务器接口获取 offlineResourceinfo 接口 response,根据resourceList 的结果来决定是否需要更新,需要更新的模块可以下载 zip 文件

资源包存放目录

按模块目录存放资源包。其中目录 moduleszip 用于存放资源压缩包的路径,目录 modules 用于存放解压后的压缩包路径。

所以每次请求 offlineResourceInfo 接口的时候,也需要遍历所有模块目录下的 config.json 去获取资源版本号。所以第一次请求的话,由于本地目录是空的,对于接口 offlineResourceInfo 的参数 resourceversionList 也是空的。

--[offlineResource]
----[moduleszip]
------[m]
--------[zip]
----------m.update.1.0.0_1.0.1.zip
----------m.full.1.0.1.zip
--------[temp] 解压临时目录
--------[backup] 原有资源备份目录

------[coach]
--------[zip]
----------coach.update.1.0.0_1.0.1.zip
----------coach.full.1.0.1.zip
--------[temp] 解压临时目录
--------[backup] 原有资源备份目录

----[modules]
------[m]
--------config.json
--------其他资源文件

------[coach]
--------config.json
--------其他资源文件

----[modulesflag]
------[m]
--------flag.json

------[coach]
--------flag.json

资源包解压

解压

当下载完资源包,解压之前需要根据接口返回的 md5 值来校验资源包的合法性。

校验子文件过程:需要结合 config.json 和资源来校验每个文件的合法性,如果不合法,就不添加该资源文件 就不保留整个资源包。

更新资源

增量更新:文件的替换和增加。而且需要合并新老 config.json
全量更新:覆盖模块目录。

模块资源包更新之前,需要先备份之前的模块资源。例如:拷贝目录 offlineResource/modules/m 到目录offlineResource/moduleszip/m/backup 来进行备份。

容错处理

需要设置标志位,并持久化到 flag.json:

{
    "doingUpgradeFlag": false, // false, 表示升级过程正常,否则升级过程有错误。
    "doingBackupFlag": false // false, 表示备份过程正常,否则备份过程有错误。
}
  • 正在升级标志位 (总标志位)
  • 正在备份标志位 (是正在升级标志位的一个子集)

正在升级的过程包括, md5 校验资源包,md5 校验每个资源文件,备份和更新过程。

如果整个升级过程中发生普通错误,恢复所有标志位,然后结束升级流程。

如果整个升级过程中发生崩溃或者被杀掉进程,App 再次启动后。此时 正在升级标志位 没有复位 (升级失败),有以下几种情况需要做容错处理:

  1. 如果 正在备份标志位 也没有复位 (备份失败),此时并不会影响目标模块资源,直接恢复所有标志位。
  2. 如果 正在备份标志位 已经复位 (备份成功),先清空目标模块资源,然后做回滚操作:
    • 回滚成功,直接复位所有标志位。
    • 回滚失败,先清空目标模块资源:
      1. 正常失败,恢复所有标志位。
      2. App 崩溃或被杀掉进程,Nothing To Do.

容错副作用

正在升级标志位 没有复位时。此时 App webview 请求不走缓存系统。
否则 App webview 可以继续使用缓存系统。

升级流程图

离线资源缓存

使用缓存时机

只针对 webview 的以 xxx.com 为主域名的请求进行拦截,然后根据请求链接,找到具体文件缓存。

找具体文件缓存的方式:

  • 遍历所有模块下的 config.json 文件,看能否找到具体的资源文件。这样效率会比较慢,但是更适合现有的场景。
  • 根据链接的一级路径找到对应模块下的 config.json 文件,看能否找到具体的资源文件。这样效率会比较高,但是目前链接的一级路径并不规范。
  • 直接根据请求 URLPATH 去本地查找是否存在具体的资源文件。PATH 的一级路径代表模块名,剩余部分代表资源路径。

App 这里会使用第二种方式去找缓存文件,这样的话就需要前端小伙伴规范链接路径。

拿到缓存文件之后,需要再次校验缓存文件的合法性,合法则使用缓存,不合法就需要下面的容错处理。

使用缓存容错处理

如果找到的缓存文件已经损坏或者不存在(解压过程被中断,杀掉进程或者 crash),此时需要继续走网络,并且把网络结果进行 md5 校验,如果合法,需要把该结果保存到缓存系统,如果不合法,不做处理。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,743评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,296评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,285评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,485评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,581评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,821评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,960评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,719评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,186评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,516评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,650评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,329评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,936评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,757评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,991评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,370评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,527评论 2 349

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,633评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,777评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,065评论 4 62
  • 我最喜欢的篮球课。不仅因为我下篮球课表现的很优秀,还因为篮球让我体验到了真正的乐趣! 第一次上篮球课时,我很好奇!...
    24小石头小贝阅读 198评论 0 0
  • 明天是暑假班的最后一天了,今天要把报告单给弄出来,一上午都是廖老师在看班,交代她的课程和事情她都可以办得很...
    如水的日记阅读 202评论 0 0