title: 动静分离之上传CDN tags:
- cdn
- upyun categories: 工作日志 date: 2017-03-25 18:18:56
动静分离的好处就不用多说了，使用cdn也是常见的前端优化手段之一，针对全国范围内不同地区不同网络环境的用户可以获得较好的体验。
- 在jsp或者其他模板引擎定义对应的staticPath
复制代码
复制代码
- 根据maven的profile定义不同环境下面不同的值
http://f6carzone.b0.upaiyun.com/static/erp 复制代码
复制代码
- 上传对应的资源至cdn
org.apache.maven.wagon wagon-ftp 2.10 复制代码 org.codehaus.mojo wagon-maven-plugin 1.0 upload-css package upload **/* upyun-f6 ${cdn.skip} target/${artifactId}-${project.version}/css ftp://v0.ftp.upyun.com/static/erp css upload-js package upload **/* upyun-f6 ${cdn.skip} target/${artifactId}-${project.version}/js ftp://v0.ftp.upyun.com/static/erp js upload-image package upload **/* upyun-f6 ${cdn.skip} target/${artifactId}-${project.version}/images ftp://v0.ftp.upyun.com/static/erp images
可以选择是否需要上传sourcemap复制代码
- 在maven的setting的文件增加
复制代码 upyun-f6 XXXX XXXXX
复制代码
- 执行maven package命令后将会自动上传至cdn
[INFO] --- wagon-maven-plugin:1.0:upload (upload-css) @ biz-web --- [INFO] Uploading /data/jenkins/workspace/f6-re-erp/biz-web/target/biz-web-1.0-SNAPSHOT/css/common/search-select-item-201ffbdd05.css to ftp://v0.ftp.upyun.com/static/erp/css/common/search-select-item-201ffbdd05.css ... [INFO] Uploading /data/jenkins/workspace/f6-re-erp/biz-web/target/biz-web-1.0-SNAPSHOT/css/common/base-table-d41d8cd98f.css to ftp://v0.ftp.upyun.com/static/erp/css/common/base-table-d41d8cd98f.css ... 复制代码
-
访问应用获取最新的页面
可以根据应用需要选择开启cdn.skip是否上传cdn