html 使用cdn 的一种新思路

html cdn 的一种思路

一般流程,是在代码中,就已经写好cdn 的域名等,然后通过编译等,将cdn 的域名以及路径拼接起来。

发布后,直接拉取资源路径,达到使用cdn 的目的。

这种,需要写好模板,比如:

<img src="${cdn-domain}/image/hello.jpg" />

设想

既,当拉取html 页面的时候,通过分析html 页面,然后将相应的资源提取出来。然后自动上传到cdn服务器上去。然后,替换内容。

比如:

<img src="http://cmky.net/image/hello.jpg" />

转换器,发现了一个路径资源:“http://cmky.net/image/hello.jpg" 然后,自动转换成cdn 路径:

http://cdn.cmky.net/image/hello.jpg" 并且,如果发现这项资源没有上传过,则自动上传。

这样,可以在用户拉取的时候,更快速地从cdn 中获取资源。

这一层,可以放在nginx 前面,对nginx 返回的html 做处理。以减少源服务器的图片等压力。并且可以相对简单地管理源代码以及图片路径。

替换

基于上诉思路,可以将具体资源,替换成人类不可读的hash 值。这样,更新图片等,都可以很快生效,不会有麻烦的版本问题。

自动上云

再扩展下,可以将资源文件,自动上传至七牛等云平台存储。

humboldt Written by:

humboldt 的趣味程序园