chrome插件one-read开发3:提升

2019年9月8日 177次阅读 来源: Di

阅读我的博客文章：chrome插件one-read开发:提升

前言

升级方式分析

  • 通过定制version的方式进行用户通知更新

这种方式是用户手动更新，通过这种方式优点是可以满足用户的喜好，但是缺点就是用户需要卸载原本的程序后再安装

  • 通过ajax调用远程代码方式进行更新

这种方式可以让用户没有丝毫感受的情况下进行更新，但是每次都要勇敢更新代码的方式，会对程序本省要求复杂，程序设计度也会复杂些。

下面我们会分析下两种方式。

version标记方式更新

  • 方式说明

1.再popup.html中建立标识“version”
2.编写后台代码，添加version管理
3.pop.js校验version
4.更新逻辑处理

  • 具体实现

html代码

html
    <!-- 标记目前版本号 -->
    <span id="version">0.1</span>

    <!--弹出提升更新框 -->
    <div class="alert alert-warning alert-dismissible version-alert" role="alert">
      <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
      <strong>Warning!</strong> 有更新，<a href="" target="_blank">点击这里更新</a>.
    </div>

javascript代码

javascript
//请求版本号
commonAjaxFn("GET","http://onechrome.sinaapp.com/version.php","html",versionFn);
// 验证版本做出相应
function versionFn(data){
    var v = parseFloat($(data).text());
    var locV = parseFloat($("#version").text());
    if(locV < v){
        $(".version-alert").show();
    }

}

ajax更新代码方式更新

  • 方式说明

1.移除包内代码
2.重构ajax请求
3.特定请求代码
4。加载代码

  • 具体实现

更好的方式？

了解了上面两种方式以后，我们不难发现，如果能够采用两者的结合会是一个不错的方式。

  • how to do it?
    > 其实解决方案就是缓存。

1.我们主要采用ajax方案，但是同样制作version标记，
2.每次打开时执行缓存的文件
3.执行缓存中的version校验
4.检查是否version变动，如果变动，更新缓存

  • let’s do it
    原文作者：Di
    原文地址: https://segmentfault.com/a/1190000002444104
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞