阿里OSS+CDN ossutil工具,改进前端部署方案

2019-08-01 06:51


背景

行业目前最流行的是前后端分离,vue.js项目是标配。近期业务反馈,打开速度越来越慢,看宽带快使用200M,必须将前端独立部署出去。

传统部署

传统服务器部署,Ngnix 部署 缺点也比较明显:

1、服务器IP暴露,不安全,要解决入口和出口IP和服务器IP不同

2、容易单点故障

3、采用负载均衡和统一出口,可以解决服务器IP和单点故障,带来新的问题,部署复杂,关键是浪费Money

先前采用过七牛云存储,有个优点是同一个Bucket下面的目录可以绑定不同的域名,缺点是在使用过程中,CDN缓存经常失效

OSS部署

由于阿里云的强大表现,目前我们在使用的OSS存储已超过20TB,其稳定性和性能得到了我们认可,一些老牌又拍云、七牛云(阿里也投资)云存储逐渐被在项目中被抛弃。

OSS提供的工具非常多,研究了ossutil,发现非常适合写脚本发布。

#配置ossuntil
#config 非交互性生成配置
#-e Bucket所在地域的域名信息
#-i accessKeyID
#-k accessKeySecret
#-c 配置文件地址
./ossuntil config -e XX -i XX -k XX  -L CH -c XX

#上传目录到oss,有重名
#-c 配置文件
#-r 源目标目录
#oss:Bucket
#-u 只有当目标文件不存在,或源文件的最后修改时间晚于目标文件时,ossutil才会执行上传操
./ossuntil -c XX cp -r XX oss://Bucket/XX -f

有了这个基础脚本,配合Jenkins和gitlab,就可以自动发布了。-_-

使用过程中几点注意点: 1、OSS设置 静态页面的“默认首页”和“404页面”

2、CDN缓存可以设置.html文件类型不缓存,防止index.html不刷新

3、绑定自定义域名可以解析到首页,默认自带的域名不可以

4、跨越设置

总结: OSS+CDN 应该成为前端部署最方便快捷的方案,省去了运维的工作,节省了服务器开支,部署异常方便,强烈推荐。

有一点不方便的是,OSS不能按照目录绑定域名,因为OSS存储是key-value方式,没有目录概念,所以是不支持。


Search
Categories
Friendlinks