需求说明

离线包管理平台主要负责对需要接入Hybrid平台的应用进行管理,通过这个平台可以实现对应用的静态资源进行构建、发布、生成离线包,版本控制等,核心场景如下:

  1. 将需要做预加载的应用在平台上注册,主要包括项目名称,源码的地址,构建目标目录
  2. 前端同学开发好应用后,提交代码到Git,QA同学登录平台,构建应用,该过程具体包括:
    1. 项目构建
    2. 和历史版本比对、生成增量或全量的的离线包
    3. 离线包推送到CDN
    4. 发布版本信息到测试库
  3. 启动APP测试,发起版本检查请求
  4. 版本检查接口返回:
    1. 版本升级需要的离线包的包名
    2. 这个包的MD5版本号
  5. APP端根据离线包名下载离线包,做包完整性校验,覆盖到本地
  6. 测试结束后,发布版本到生产库
  7. 回滚,如果新的包有问题,需要进行回滚,提供进行回滚的离线包

系统设计

应用管理

应用管理对接入平台的应用进行统一的维护,包括如下功能:

  1. 应用注册
    信息包括应用名,源码地址(git),构建输出目录
  2. 应用更新、删除等

构建和发布流程

构建

构建过程与目前在Jenkins的Node服务发布流程类似,这个过程也可以考虑在Jenkins实现,过程如下:

  1. 从Git获取新版的代码
  2. 执行构建,输出目标代码(注意,不用做md5的文件名替换)
  3. 将多个项目的代码输出到目标目录release

离线包生成

  1. 针对release目录的代码和历史版本进行diff,生成离线包、包中的version.json保存当前版本信息
  2. 针对生成的离线包计算md5值,保存到manifest文件

发布

  1. 将离线包推送的CDN回源服务器
  2. 将版本信息和离线包信息维护到版本信息库(mysql),测试过程推送到测试库,正式上线推送到生产库
  3. 离线包维护
    离线包状态包括:待发布,测试中,已上线,
  4. 离线包删除
    如果已经上线,不能删除,只能删除未发布的离线包

回滚

回滚暂时没有做,可以考虑两个方案:

  1. 利用git的tag标记,重新发布一个高版本
  2. app端备份旧版本,如果版本检查接口返回的版本比当前版本低,回滚到历史版本

版本检查接口

版本检查服务提供给APP端调用,针对APP端的当前版本,提供合适的离线包下载选择,包括升级和回滚,同时也可以通过该接口检测当前用户的版本分布情况,清除过期的版本。

APP端发起版本检查情况,附带当前的版本作为参数,从更目录下的version.json文件获取。

请求格式

http://10.0.1.51:7102/version/check?v=[version]&app=[app_version]

示例:

http://10.0.1.51:7102/version/check?v=0.2&app=5.6


返回内容

{
    "code": 0,
    "data": {
        "version""0.4",
        "pkg""0.2_0.4.zip",
        "hash""0ce3580a8c1b35bedad056d7d5f5ca1f"
    },
    "message"""
}

异常信息

{
    code: 1,
    message: '异常信息'
}

说明:

  1. code==0
    请求调用成功,data存储了版本信息,link是包的下载路径,下载对应的升级包,覆盖本地目录。
  2. code==1
    请求调用异常,message存储异常信息
  3. code==2
    最新版本,不需要更新。
  4. code==3
    提示用户升级APP
    APP和离线包之间可能有兼容问题,比如旧的app加载新的离线包,版本检查接口需要做判断,如果app的版本比较旧,给用户提示升级app版本。

离线包下载

通过离线包检查接口,返回离线包的下载链接以及离线包的md5结果,app通过这个链接下载离线包,对离线包进行完整性校验,如果无问题,则覆盖到本地。

对于需要删除的文件,版本检查接口返回需要删除的文件列表,app端删除。

监控

版本检查接口

通过对版本检查接口的监控,了解当前用户的版本分布,对长时间没有请求的版本做清除处理,避免生成无用的离线包,占用磁盘空间。

离线包大小

离线包的大小需要做监控,建议不用大批量的修改后在发布,如果离线包过大,离线包下载需要占大量的带宽。

版本兼容问题

app发版后,如果用户没有升级,有可能有离线包和APP版本不兼容的问题,针对这个问题解决思路:

  1. 版本检查请求携带当前app版本号,版本检查服务判断新版离线包是否可用,app端如果发现新版离线包不可用,提示用户升级app。
  2. 在接口调用时,如果接口不可用,提示用户升级APP

系统架构图

目录结构

根目录

cp

...

lib

version.json

说明:

1、按模块划分目录

2、version.json文件是当前的版本信息,内容:

{

version:0.2

}

版本检查

APP端发起版本检查情况,附带当前的版本作为参数,从更目录下的version.json文件获取。

请求格式

http://10.0.3.67:7100/version/check/[version]

示例:

http://10.0.3.67:7100/version/check/0.2

返回内容

0.2_0.3

这个是升级包的包名,拿到包名后,访问cdn路径,下载对应的升级包,覆盖本地目录。

如果返回的内容是当前的版本号,则不需要更新。

离线包下载

请求格式:

http://10.0.3.67:7100/version/download/[包名]/

示例:

http://10.0.3.67:7100/version/download/0.1_0.2/

包名由版本检查接口返回,后续离线包会推送到CDN,通过CDN的URL下载,这个下载链接供测试使用。

离线包构建

版本映射文件生成

版本比对,获取变化的文件,打包

离线包发布

将打包文件发布到静态资源服务器

APP端版本检查接口,

输入:当前版本,返回:是否需要更新,更新后的版本文件

从静态资源服务器加载新的离线包,覆盖到本地

注意:跨版本升级,需要提供各个版本升级需要的离线包。

发布平台

提供hybrid的静态资源管理UI

管理离线包的版本

提供版本校验接口

离线包构建,发布管理,回滚

性能监控

错误日志收集

版本映射文件

主版本文件设计

package.json

{

version:'main',

modules:{

"cp":"abcd",

"aa":"cdef"

}

}

模块的版本设计

package.json

{

version:'',

dependens:{

"a.js":'aaa',

"c/b.js":'bbb'

}

}

优先比对主版本号,如果主版本号未变,不更新

主版本号更新,返回静态资源包的url,编码规则:pkg_v1_v2

构建过程生成包

检查模块,如果模块有更新,获取改版的资源,打包,包名的命名规则,pkg_from_to

Hybrid平台的更多相关文章

  1. 浅谈Hybrid技术的设计与实现第三弹——落地篇

    前言 接上文:(阅读本文前,建议阅读前两篇文章先) 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 根据之前的介绍,大家对前端与Native的交互应该有一些简单的认识了,很多 ...

  2. 浅谈Hybrid技术的设计与实现第二弹

    前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 接上文:浅谈Hybrid技术的设计与实现(阅读本文前,建议阅读这个先) ...

  3. 浅谈Hybrid技术的设计与实现

    前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 随着移动浪潮的兴起,各种APP层出不穷,极速的业务扩展提升了团队对开发 ...

  4. 谈一谈前端多容器(多webview平台)处理方案

    文中是我个人的一些开发经验,希望对各位有用,也希望各位多多支持讨论,指出文中不足以及提出您的一些建议. 双容器 得益于近几年移动端的发展,前端早已今非昔比,从大型框架来说angularJS.react ...

  5. Hybrid技术的设计与实现(转)

    浅谈Hybrid技术的设计与实现 前言 随着移动浪潮的兴起,各种APP层出不穷,极速的业务扩展提升了团队对开发效率的要求,这个时候使用IOS&Andriod开发一个APP似乎成本有点过高了,而 ...

  6. 浅谈Hybrid技术的设计与实现(转)

    前言 随着移动浪潮的兴起,各种APP层出不穷,极速的业务扩展提升了团队对开发效率的要求,这个时候使用IOS&Andriod开发一个APP似乎成本有点过高了,而H5的低成本.高效率.跨平台等特性 ...

  7. (转)浅谈Hybrid技术的设计与实现

    转载地址:https://www.cnblogs.com/yexiaochai/p/4921635.html 前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hyb ...

  8. 【微信小程序项目实践总结】30分钟从陌生到熟悉 web app 、native app、hybrid app比较 30分钟ES6从陌生到熟悉 【原创】浅谈内存泄露 HTML5 五子棋 - JS/Canvas 游戏 meta 详解,html5 meta 标签日常设置 C#中回滚TransactionScope的使用方法和原理

    [微信小程序项目实践总结]30分钟从陌生到熟悉 前言 我们之前对小程序做了基本学习: 1. 微信小程序开发07-列表页面怎么做 2. 微信小程序开发06-一个业务页面的完成 3. 微信小程序开发05- ...

  9. 浅谈Hybrid技术的设计与实现【转】

    https://www.cnblogs.com/yexiaochai/p/4921635.html 前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术 ...

随机推荐

  1. 查看ftp创建的用户

    先su然后查看cat /etc/passwd,500以后的是添加的使用者账户.

  2. php 中英文混合字符串长度计算

    (strlen($string) + mb_strlen($string,'UTF8')) / 2;tw 这样计算的

  3. IIS下设置跨域访问问题--Access-Control-Allow-Origin 站点跨域请求的问题

    背景: 最近 开发中遇到新需求,把公司的OA系统迁移一套到小程序上面去 有些功能的信息是在小程序 查看 但是文件是在pc端上传的 例如:领导在外出办公 使用小程序查看xxxx.pdf文件  这个时候就 ...

  4. RedHat7安装yum工具

    一                   RedHat7安装yum工具 1.1        查看yum是否可用 yum list yum repolist 1.2        卸载原yum rpm ...

  5. mysql如何查询一个字段在哪几张表中

    SELECT TABLE_SCHEMA,TABLE_NAME FROM information_schema.`COLUMNS` WHERE COLUMN_NAME = 'xxx' ; xxx替换成需 ...

  6. STM32CubeIDE Debug Configurations

    新建完工程并编译后,配置Debug Configurations 此时双击STM32 MCU Debugging,如下图 此时就可以下载调试生成的LED.elf文件了

  7. vs2017 mvc 启动时经常出现调用的目标发生异常

    1.vs  2017 调试web 程序时老是出现调用的目标发生异常 本人眼拙,基本上看了网站说的一些方法,设置环境变量是无效的,只有一个办法,卸载重装. 1.0 卸载过程 打开计算机-卸载或更改软件- ...

  8. 一个C语言外挂程序

    首先建立一个控制台应用程序 引入Windows.h库函数 MessageBoxA(句柄--通常是0,提示框内容,提示框标题,按钮) #include <Windows.h> int mai ...

  9. Jenkins打包Maven项目

    Jenkins是一个用于持续集成的服务,简单些说,就是提交代码后,点一下(也可以设置自动检测),系统会自动下载你的代码并编译,然后复制或上传到指定位置,并给所有相关人发送邮件. 一.环境搭建 1.下载 ...

  10. 【NOIP2016提高A组五校联考4】label

    题目 题目 20%算法 设\(f_{i,j}\)表示第i个节点选了j这个权值的方案数. 显然转移方程为,\[f_{i,j}=\Pi_{v=son(i)}(\sum_{k=1}^{j-k}f_{v,k} ...