CDN¶

UPYUN¶

上传文件的方法¶

FTP¶

人家支持用ftp传输文件，而且用ftp似乎不对流量计费

ftp://v0.ftp.upyun.com

用户名是”操作员名/服务名”（其中/字符是用户名的一部分）,密码为”操作员密码”

有些时候你需要对其中的/进行urlencode，需要用%2F （你可以使用Python的quote("/", "")来查询）

curlftpfs¶

基于上述的ftp，在这种情境下可靠性不高，不建议使用

http://curlftpfs.sourceforge.net/

注意命令中的 ftp://用户名:密码@v0.ftp.upyun.com 其中的用户名的/符号需要改为%2f

UpyunManager¶

https://github.com/layerssss/manager-for-upyun

UPYUN Python执行缓存刷新¶

比如本blog设置了缓存所有html一年来减少回源github的次数，在每次我更新后就刷新一次缓存

规则刷新：

https://github.com/zjuchenyuan/EasyLogin/tree/master/examples/upyun

URL刷新也是同理：

官方文档：http://docs.upyun.com/api/purge/

我的代码upyun_purge.py

注意操作员要被授权；调用API正常的返回值就是{'invalid_domain_of_url': {}}，不要看到invalid就以为出错了hhh

使用upyun提供的webp功能节省流量¶

现在已经有配置，启用后自动根据用户的浏览器Accept自动返回webp，无需任何操作

之前的方案：无需代码，只需要在原图后面加上!/format/webp即可，假设已经在使用自定义图片格式，例如!compress则变为!compress/format/webp可以进一步节省流量

官方说明： https://www.upyun.com/webp.html

使用边缘规则修复改版导致的404问题¶

本站原版使用的Jekyll将xxx.md编译为xxx.html，现在改用MkDocs后xxx.md编译得到的是xxx/index.html，原先的链接就404了

又拍云能配置边缘规则进行URL改写，用户在访问xxx.html的时候实际回源xxx/

而且配置挺简单，只要会写正则即可

配置规则如下：

条件判断： 如果请求URI 正则匹配 ^/[^/]*html$
功能选择： URL改写
    URI 字符串提取： ^/([^/]*).html$
    改写规则：/$1/
break: 打勾

UPYUN 使用边缘规则实现upyun TOKEN反盗链功能¶

想只对特定url使用token反盗链，于是就使用边缘规则来实现一下完全兼容反盗链的算法咯

发现一个坑：又拍云的边缘规则的$SUB函数其from和to是从1开始计数的，包括from，也包括to

URI 字符串提取不填，break不选，规则编辑器填以下内容

$WHEN($MATCH($_URI, '这里填URI匹配正则'),$OR($GT($_TIME, $SUB($_GET__upt, 9,99)),$NOT($_GET__upt), $NOT($EQ($SUB($MD5('这里填TOKEN''&'$SUB($_GET__upt, 9,99)'&'$_URI),13,20),$SUB($_GET__upt, 1,8)))))$EXIT(403)

UPYUN https证书更新¶

使用F12开发人员工具看的接口，用Python实现了一下，从手动一个个添加证书中解放出来

https://github.com/zjuchenyuan/EasyLogin/tree/master/examples/upyun/

UPYUN 表单上传怎么用¶

在功能配置-存储管理页面可以看到文件密钥，官方帮助文档过于分散，这里整理一下必须的步骤

需求：简单的允许上传一个固定文件名的文件，不要过期

首先写一个上传策略policy，然后对它base64，和密钥用&拼接后计算md5

这个脚本将输出变量定义和curl命令，便于复制使用

key='AAA...AAA'
bucket='demobucket'
filename='img.jpg'

filepath="/${filename}"
policy='{"bucket":"'${bucket}'","expiration":9999999999,"save-key":"'${filepath}'"}'
b64_policy=`echo -n $policy|base64 -w0`

echo UPYUN_POLICY=${b64_policy}
echo UPYUN_SIGN=$(echo -n "${b64_policy}&${key}"|md5sum|awk '{print $1}')
echo "curl https://v0.api.upyun.com/${bucket} -F file=@${filename} -F policy=\${UPYUN_POLICY} -F signature=\${UPYUN_SIGN}"

我也提供了一个脚本便于你快速调用：

curl -O d.py3.io/up.sh
sh up.sh key bucket filename

# 触发上传只要继续丢给sh就行
sh up.sh key bucket filename|sh

UPYUN省钱方案：缓存61秒变为静态请求¶

虽然人家计费说明写的是

动态请求是指回用户源站并且缓存时间小于 60 秒或者指定不缓存的请求。

但从实际的访问日志来看，缓存60秒是不够的，必须缓存61秒才当成静态请求

需要进行的代码变动: 子域名+直接解析到源站+跨域请求+一个获取cookie的路由

注意到我们把网页本身都缓存了，所以 网页源代码本身不能有用户相关的内容

用户登录状态可以存在cookie里指定domain的方式让子域名也能获取

缓存61秒，一般用户还是能触发MISS，产生一次回源设置好cookie

但如果用户访问的全部是缓存页面，前端代码需要先判断cookie是否存在，不存在就需要发起getsession请求来获取cookie再进行跨域请求

这种跨域需要带上Cookie所以是withCredential的

前端js:

function queryme(){
    $.ajax({
        url:"https://subdomain.www.example.com/uri",
        success:function(data){
            //...
        },
        xhrFields:{withCredentials:true}
    })
}
(function(){
    if(document.cookie.indexOf("user=")>=0){
        queryme();
    }else{
        $.get("/getsession",null,queryme);
    }
})();

后端Nginx:

add_header 'Access-Control-Allow-Origin' 'https://www.example.com';
add_header 'Access-Control-Allow-Credentials' 'true';

Qiniu¶

使用qshell上传文件夹¶

qshell qupload [<ThreadCount>] <LocalUploadConfig>

需要写一个config文件，具体参见官方文档

https://developer.qiniu.com/kodo/tools/1302/qshell

https://github.com/qiniu/qshell/wiki/qupload

本地DNS不靠谱？用HTTP DNS访问正确的CDN节点¶

情形：用户的DNS不靠谱，不遵循CDN DNS的TTL设置，导致用户得到的节点IP已经过期失效，导致网站上的图片无法加载

解决方案：使用阿里云的HTTP DNS (支持HTTPS请求)，网页端访问图片时如果出错替换为指定IP的CDN节点

HTTP DNS接入¶

按照文档操作即可： https://help.aliyun.com/document_detail/30113.html

注意到目前https://203.107.1.33会证书错误，改用https://203.107.1.1即可

这个接口支持跨域请求：

$.get("https://203.107.1.1/100000/d?host=www.aliyun.com",null,function(data){
    var ip = data.ips[0];
    console.log(ip);
});

泛域名解析¶

参考 sslip.io

假设我们有已经备案的域名example.com，使用xip.example.com作为泛域名解析的域名，也就是说140-205-34-3.xip.example.com就会解析到140.205.34.3

只需要设置4条NS记录即可：

ns-aws.nono.io
ns-gce.nono.io
ns-azure.nono.io
ns-vultr.nono.io

申请泛域名的https证书¶

参见： https://py3.io/Nginx/#acmesh

配置CDN¶

将泛域名绑定到CDN服务上，并提供申请到的HTTPS证书，开启HTTPS访问

前端JS¶

下述代码出错时将把图片src的www.aliyun.com替换为1-2-3-4.xip.example.com，特点：

只要一张CDN的图片已经出错就会开始替换所有坏图
不会替换已经成功加载的图片
使用localStorage缓存HTTP DNS的查询结果缓存一周
存储了DNS的TTL结果，如果TTL已经过期就再次查询（所以上面缓存一周其实没用，TTL一般就10分钟）

参考：

https://stackoverflow.com/questions/736513/how-do-i-parse-a-url-into-hostname-and-path-in-javascript
https://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images

依赖lscache: https://github.com/pamelafox/lscache

var cdnupdating = false;

function updatecdn(cb){
    if(cdnupdating) return;
    cdnupdating = true;
    $.get("https://203.107.1.1/100000/d?host=www.aliyun.com",null,function(data){
        var ip = data.ips[0];
        var domain = ip.replace(/\./g, "-")+".xip.example.com";
        var ddl=new Date()/1000 + data.ttl;
        var cdn = {domain:domain, ddl:ddl};
        lscache.set('cdn', cdn, 604800);
        if(cb) cb(cdn);
    });
}

function fixbrokenimages(cdn){
  if(!cdn) cdn=lscache.get("cdn");
  if(!cdn || cdn.ddl < +new Date()/1000) return updatecdn(fixbrokenimages);
  $('img[src*="www.aliyun.com"]').each(function() {
    if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
      this.src = this.src.replace("www.aliyun.com", cdn.domain);
    }
  });
}
var fixbrokenimages_timer = null;
function image_onerror(){
    //console.log("image_onerror",this.src);
    if(/.*www.aliyun.com.*/.test(this.src)){
        fixbrokenimages();
    }
    if(!fixbrokenimages_timer){
        fixbrokenimages_timer = setInterval(fixbrokenimages , 1000);
    }
}

$('img[src*="www.aliyun.com"]').on('error', image_onerror);