背景
应用访问的负载过高有很多种原因,以常见的Web站点为例,当其中静态文件访问量很大的情况下,就会导致服务器的负载过高;同时静态文件的数量、访问用户的位置以及移动更新包更新频次、并发下载量的情况都会导致下应用访问的负载过高。
与此同时,每个用OSS的用户,都会用到上传,由于是网页上传,其中包括一些APP里面的H5页面,对上传的需求很强烈。很多人采用的做法是用户在浏览器/APP上传到应用服务器,然后应用服务器再把文件上传到OSS,这种做法同样会导致服务器的负载过高的现象。
针对该问题,本文主要从动静分离和Web端直传两个方面介绍如何降低应用访问的负载。
网站文件动静分离
上图是传统的动静不分离网站架构,随着访问量的增长,I/O性能成为其瓶颈,会出现响应慢、卡顿等现象。
这是网站动静分离架构图,从图中可以清楚看到利用OSS作为海量文件存储源,静态图片、视频文件、下载包、app更新包等均放在OSS上,同时OSS作为CDN的源站,通过CDN加速分发,用户通过CDN节点就近获得文件。
通过动静分离,所有的静态文件访问全部通过CDN,降低Web服务器负载;此外由于OSS的存储费用仅为ECS磁盘费用的50%,存储费用也降到最低;与此同时相比直接通过OSS访问,除极少额外增加的回源流量外,主要流量使用CDN流量,单价最低只需0.26GB,远远低于OSS直接访问的外网流量单价,尽可能多地降低流量费用。
具体操作步骤
第一步:对ECS上的网站程序进行整理,把动态程序部分和静态部分分不同的目录管理起来:
-
建立Images目录,放置所有网站高清素材图片;
-
建立Javascript目录,放置所有的JS脚本;
-
建立Attachment目录,放置所有用户上传的图片和附件。
第二步:进入到OSS控制台,点击“CDN加速OSS”。
-
选择新建Bucket。根据你ECS所在的区域选择Bucket所在区域,权限选择“公共读”,Bucket名称与ECS上新建的目录的名称对应,比如”acar-image-bucket“,选择下一步;
-
输入“image.acar.com”作为您网站高清素材图片的加速域名后,点击下一步;
-
选择默认的自动添加阿里云解析,点击完成。
第三步:点击“立即上传文件,体验加速效果”。
-
把您在第一步中建立在ECS上的Images目录下的所有图片文件上传到这里(acar-image-bucket下),您可以使用OSS客户端工具更加方便灵活的完成图片的上传(OSS客户端工具Windwos版本);
-
点击列表中已经上传文件的“获取地址”,您就能获取到该文件的CDN加速的访问地址,通常为“您输入的加速域名+'/'+'文件名'”的格式;
-
逐一完成图片文件的上传。
第四步:按照前三步的示意,把其他两个文件也通过“CDN加速OSS”的方式上传,分别建立“acar-js-bucket”和"acar-csimages-bucket"两个使用CDN加速的OSSbucket。
第五步:在原本ECS系统中,找到原本访问静态文件的代码,把访问URL修改为加速访问的地址。
大功告成,以后用户访问您的网站的静态文件就全部通过OSS+CDN的方式访问,不再占用您ECS的资源。
需要注意的是,如果您想把用户上传的文件自动同步到“acar-csimages-bucket”中,您可以参考OSS相关SDK和API的PutObjcet部分,实现代码级别自动上传。
Web端直传
数据直传到OSS,不走应用服务器,服务器的负载将会大大降低;同时OSS是采用BGP带宽,能保证各地各运营商的速度;此外,因为OSS上传流量是免费的,所以成本也会大大降低。
下文通过三个例子介绍如何在Html表单提交直传OSS:
第一个例子:讲解签名在客户端(Javascript)完成,然后直接通过表单上传到OSS, 注意这个例子有安全风险,推荐使用第二个例子和第三个例子;
第二个例子:讲解签名在服务端(php)完成,然后直接通过表单上传到OSS;
第三个例子:讲解签名在服务端(php)完成, 并且服务端面设置了上传后回调。然后直接通过表单上传到OSS,OSS回调完应用服务器再返回给用。
相关示例链接: