YWFE CDN服务
- 开源库进行内部管理
- 统一引用,减少各业务独立引用的资源浪费
- 资源进行CDN加速
- 支持
http
及https
。推荐自适应方式应引用 - 最新更新直接访问:https://cdn.ywwl.com/
资源引用
公用库
- 公用库存放位置:
//cdn.ywwl.com/libs/
- 引用规则:
//cdn.ywwl.com/libs/<LibraryName>/v<Version>/<LibraryName>.min.<type>
- 示例:
// js资源
<script src="//cdn.ywwl.com/libs/zetpo/v1.2.0/zepto.min.js"></script>
// css 资源
<link href="//cdn.ywwl.com/libs/swiper/v4.4.2/swiper.min.css" rel="stylesheet">
- 公用库列表
└── libs
├── clipboard
│ └── v2.0.4
│ └── clipboard.min.js
├── echarts
│ ├── v3.8.5
│ │ ├── echarts.common.min.js
│ │ ├── echarts.min.js
│ │ └── echarts.simple.min.js
│ └── v4.2.1-rc.1
│ ├── echarts.common.min.js
│ ├── echarts.min.js
│ └── echarts.simple.min.js
├── fastclick
│ ├── v1.0.0
│ │ └── fastclick.min.js
│ └── v1.0.6
│ └── fastclick.min.js
├── flexible
│ └── v1.0.0
│ └── flexible.min.js
├── gojs
│ └── v1.8.21
│ └── gojs.min.js
├── html5shiv
│ └── v3.7.2
│ └── html5shiv.min.js
├── jquery
│ └── v1.11.1
│ └── jquery.min.js
├── laytpl
│ └── v1.2.0
│ └── laytpl.min.js
├── swiper
│ └── v4.4.2
│ ├── swiper.min.css
│ └── swiper.min.js
├── chimee-player
│ └── v1.4.9
│ └── chimee-player.browser.js
└── zetpo
└── v1.2.0
└── zepto.min.js
业务项目
- 业务项目存放位置:
//cdn.ywwl.com/bps/
(bp = Business Project)
- 引用规则:
//cdn.ywwl.com/bps/<porjectName>/<ResourceName>
新增
根据业务发展可新增公用库及业务项目CDN资源。新增方式如下:
- 公用库
按照格式:
<LibraryName>/v<Version>/<LibraryName>.min.<type>
组织文件。申请提交到YFE。
注:公用库文件必须为压缩后版本
- 业务项目
设定好项目名 //cdn.ywwl.com/bps/项目名
(不可与现有项目重复), 提交申请到YFE,进行NGINX配置转发。
额外建议
引用 YFE CDN服务的项目,均可在HTML中增加如下代码进行资源预缓存优化加载速度。
<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//cdn.ywwl.com">