工做总结之上线版本页面缓存问题

时间 2019-12-08

标签总结上线版本页面缓存问题繁體版

原文原文链接

路径后面加js的版本号。这样是业界比较成熟的作法。（重点）javascript

咱们的用户量大，修改js文件后，用户反馈登陆出现问题。实际上刷新一下就没事了。就是由于用户的浏览器使用的仍是本地缓存的js代码。

强制刷新通常就会从新去服务器获取新的js代码。但不能让用户每次都这样子去作。

因而我思考一个问题：

若是修改了js文件中的js代码，发布代码到线上后。用户的浏览器使用的仍是原来js缓存。因此并不会立刻生效。

如何才能让浏览器使用最新的js文件呢？

不少人想到的第一反应是，在<script type="text/javascript" src="/js/common.js" ></script>在后面加一个时间戳来解决。这样url地址每次变化，浏览器就会请求服务端的js，而不会使用缓存。

这样是解决了。可是会致使浏览器每次都要去请求服务端的js文件。占用带宽。做为技术，能不能有种更好的办法呢？既能避免用户的浏览器每次去请求服务端获取js文件。又能在发布新的js代码后，可以使用最新的js文件？

听说，在问号后面加版本号，如今不少网站都这么干。加个版本号可以解决问题吗？

加个版本号，js有个版本。若是每次发布新的js代码。后面就会附加新的版本号。而后用户加载html页面的时候。版本号附加在在

若是没有修改，那么版本号仍是原来的，这样作到了：不发布代码的时候，浏览器使用的是本地缓存。由于版本号没有变化。

如今疑问是，js的版本号如何生成呢？

生成一个日期吗?

当天的日期比较好。

这样的确解决了问题。让用户可使用。

只不过出现一个新的问题来临了。

js文件加上当天的发布日期做为版本号便可了。

有些人针对url后面带时间戳的作法，会致使浏览器每次请求都不会缓存，由于每次请求时间都会变化，url就变化了，因而浏览器认为是一个新的地址了。

有人针对这个问题的解决办法是：这里URI不是静态，可能会形成某些浏览器不会进行缓存，能够采用伪静态配合URL重写来解决

网上查询资料，纵观你们的解决思路总结以下：css

一、修改js的文件名。我以为这样很麻烦。形成版本系统的维护困难。不建议。除非是彻底ftp。不过每次发布都修改文件名称。的确形成维护的时候很茫然，接手的人看到文件名称变化，会比较难维护html

二、路径后面加时间戳或者随机数的方式。java

通常都是在html模版中使用一个时间戳或者随机数函数生成一个值。程序员

不推荐使用这种方式。服务器

由于这样的方式致使的问题是，每次刷新html，时间戳都是变化的，url就老是惟一的，因而浏览器老是去请求服务端获取js文件，不会使用浏览器本地的缓存。占用带宽,影响速度函数

三、路径后面加js的版本号。这样是业界比较成熟的作法。网站

关键是这个版本号，怎么作版本？ 难道真的归入版本系统里面去？不是的。我忽然灵感来，想到一种程序员本身控制的办法。

本身主动加时间，若是本次发布，修改了哪几个js文件。那么就在后面加上一个时间点：年月日

若是一天会发布屡次对js文件的修改，那么程序员还要精确点。年月日时分秒便可。

以下：

我去看了一下淘宝，发现也是这样一种方式额，不知道对不对？

以下：

15年8月12日补充：

公司有好几千万注册会员，因而第三方应用使用咱们网站会员账号实如今第三方网站登陆，须要设计oauth2.0受权的平台，因而须要参考微博的oauth体制。

无心中发现他们的css也是使用年月日来控制

进一步思考：

这种加时间方法是可行。。不是系统生成的时间，不是全部js文件都加。

是否是能够进一步考虑一种办法，用程序来进行开关呢？

本身勾选。若是这个文件修改了。那么就设置为更新。模版中判断，就根据这个开关，把时间戳自动打上去？

不过这样子以为不必。由于还没到那么重大。其实初期，彻底能够程序手动把日期打上去便可了。

该了什么js文件，就给哪一个js文件加，这样已是折衷了。就跟改代码同样。代码都要修改的，这点改也没多少工做量。

总结思路：

js文件的内容修改了,能够加个t参数代表一下日期,用这个日期来做为版本号，看到日期也能知道是哪天发布的。

没有修改js文件根本就不用修改日期。

实践：

<script type="text/javascript" src="{{passport_host}}js/common.js?t=20150622" ></script>

若是下一次修改了这个js文件，那么发布的时候，就修改日期

没有修改的js文件，保留原来的值不动便可。