使用cdn-manager自建CDN服务器，支持处理图片/缓存视频等资源

博主： literature
发布时间：2021 年 04 月 20 日
851 次浏览
关闭评论
4440字数
分类：主机教程

说明：cdn-manager是云转码express-ffmpeg的作者quazero根据@dadi/cdn制作的脚手架，该原理貌似是一个API服务，搭建好的CDN服务器第一次访问你设定的网站后，会将原站一些资源缓存到服务器，而且不仅仅可以缓存jpg、css、js等，就连ts、m3u8、mp4也可以缓存，默认是缓存一个小时，但可以设置永久缓存。并且当你的并发很高，硬盘IO跟不上的时候，就把图片转换成二进制存内存里边。更强的就是还可以给图片加参数，如高宽、格式、滤镜、比例、旋转等，然后拉取图片后按要求处理，再实时返回你需要的图片并缓存到服务器。有需求的可以使用延迟比较低的服务器搭建下，可以减轻我们源站压力，特别是并发比较高的网站。

安装

cdn-manager：https://gitee.com/quazero/cdn-manager
dadi/cdn：https://github.com/dadi/cdn

本教程适用于CentOS，建议使用CentOS 7系统。

1、安装依赖

#升级系统
yum update -y
#安装开发者工具包
yum -y groupinstall "Development Tools"
#安装nodejs
curl -sL https://rpm.nodesource.com/setup_10.x | bash -
yum install nodejs -y
#安装pm2
npm install pm2 -g

2、安装程序

#拉取源码
git clone https://gitee.com/quazero/cdn-manager.git
cd cdn-manager
#安装
npm install
#设置环境
export NODE_ENV=production

3、配置参数

注意：本步骤讲的默认配置只缓存图片，所以我们要了解下基本配置，然后再去参考文章最后面的更多设置，再使用4步骤运行程序。

本程序主要涉及到2个配置文件poster.json和config.production.json，前者是图片处理的配置文件，后者是运行环境配置文件。

图片配置路径workspace/recipes/poster.json，默认参数如下：

{
  "recipe": "poster",
  "settings": {
    "format": "jpg",
    "quality": "90",
    "height": "240",
    "ratio": "16-9",
    "resizeStyle": "entropy"
  }
}

意思是将图片处理成16：9的比例，高度240PX，并且格式为jpg，质量为90%的格式。

运行环境配置路径config/config.production.json，默认参数如下：

{
  "server": {
    "host": "127.0.0.1",
    "port": 8001
  },
  "images": {
    "remote": {
      "enabled": true,
      "path": "#"
    }
  }
}

意思是运行端口为8001，设置远程连接path，比如我的域名是https://www.wxiou.cn，就在参数后面填该域名。

4、运行程序

#进入源码的文件夹
cd /root/cdn-manager
#这里避免出错，建议安装一些模块
npm install sharp farmhash
#运行
pm2 start index.js

运行环境配置

1、缓存设置

"caching": {
  "ttl": 3600,
  "expireAt": "0 5 0 * * *"
}

expireAt配置解释：

"0 5 0 * * _" 每天凌晨12点5分刷新缓存
"0 30 11 _ _ 1-5" 每周星期一到星期五 早上11点30刷新缓存
"0 15 14 1 _ _" 每个月一号下午2点15刷新缓存
"0 22 _ _ 1-5" 周一到周五晚上10点刷新缓存
"_ 5 4 * * 0" 每周日凌晨4点5分刷新缓存

ttl配置解释：

单位秒，默认3600秒，一个小时缓存失效，可以自行设置时长。
/api/flush可以通过这个API手动刷新缓存文件。

2、image配置

"images": {
  "directory": {
    "enabled": true,
    "path": "relative/path/to/your/images"
  },
  "remote": {
    "enabled": true,
    "path": "https://www.wxiou.cn/images"
  },
  "s3": {
    "enabled": true,
    "accessKey": "your-access-key",
    "secretKey": "your-secret",
    "bucketName": "your-bucket",
    "region": "your-region",
    "endpoint": "ams3.digitaloceanspaces.com"
  }
}

images配置项一共有三种用法，一种是直接服务同主机图片，服务本地图片，一种是服务远程图片，最后一种是亚马逊和Digital Ocean Space云储存。

directory服务本地文件，直接指定path为文件夹地址即可直接处理本地图片。例如/www/wxiou.cn/picture，然后将图片地址host更改为CDN地址即可。

remote服务远程文件，直接设置path为远程url，例如https://www.wxiou.cn，最后把地址替换成 cdn地址即可。

s3云储存可扩展的云储存，可以直接缓存各种云储存上边的图片。

3、assets配置

"assets": {
  "directory": {
    "enabled": true,
    "path": "/Users/absolute/path/to/your/assets"
  }
}

该配置方法参考image配置，除了把images换成assets，其他用法一样，设置之后会缓存除了jpg的各种文件，包括视频文件。

图片处理配置

{
  "recipe": "poster",
  "settings": {
    "format": "jpg",
    "quality": "90",
    "height": "240",
    "ratio": "16-9",
    "resizeStyle": "entropy"
  }
}

recipe文件是预配置格式处理文件，在workspace/recipes文件夹中建立。

"recipe"参数设置必须和文件名一致。settings中可以设置的选项：

blur 模糊
filter 设置裁剪处理算法
flip 翻动
format 格式
gravity 设置裁剪区域
ratio 比例
rotate 旋转
width 宽度
height 高度

resizeStyle裁剪模式推荐entropy等，详见dadi/cdn文档。

设置完成之后，比如recipe为poster，则访问链接为cdnhost/poster/yourpath/1.jpg。

域名反代

要想正常访问就需要使用域名反代，这里说下宝塔反代和Caddy反代。如果你网站有宝塔，就可以使用宝塔进行反代，如果没有，建议使用第2种的Caddy反代，配置很快。

1、宝塔反代
先进入宝塔面板，然后点击左侧网站，添加站点，然后再点击添加好了的域名名称，这时候就进入了站点配置，点击反向代理，目标URL填入http://127.0.0.1:8001，再启用反向代理即可。至于启用SSL就不说了，直接在站点配置就可以看到。

2、Caddy反代
安装Caddy：

wget -N --no-check-certificate https://raw.githubusercontent.com/iiiiiii1/doubi/master/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh
#备用地址
wget -N --no-check-certificate https://www.wxiou.cn/usr/shell/Caddy/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh

配置Caddy：

#以下全部内容是一个整体，请修改域名后一起复制到SSH运行！

#http访问，该配置不会自动签发SSL
echo "xx.com {
 gzip
 proxy / http://127.0.0.1:8001
}" > /usr/local/caddy/Caddyfile

#https访问，该配置会自动签发SSL，请提前解析域名到VPS服务器
echo "xx.com {
 gzip
 tls admin@wxiou.cn
 proxy / http://127.0.0.1:8001
}" > /usr/local/caddy/Caddyfile

tls参数会自动帮你签发ssl证书，如果你要使用自己的ssl，改为tls /root/xx.crt /root/xx.key即可。后面为ssl证书路径。

启动Caddy：

/etc/init.d/caddy start

最后我们都配置好了后，只需要在原网站将资源链接域名替换成CDN的地址即可。大概使用如下：

原图片地址为：https://www.wxiou.cn/rats.jpg
CDN中地址为：https://cdn.wxiou.cn/poster/rats.jpg，该链接会自动处理图片

#如果你不想对图片进行处理，直接代替原域名就可以了，如：
https://cdn.wxiou.cn/rats.jpg

#其他资源就直接替换域名为CDN地址即可

's
本文链接：https://www.wxiou.cn/archives/773/

最后修改：2018 年 10 月 24 日 08 : 13 PM

最后修改：2021 年 04 月 20 日

如果觉得我的文章对你有用，请随意赞赏

此处评论已关闭

使用cdn-manager自建CDN服务器，支持处理图片/缓存视频等资源

literature • 2021 年 04 月 20 日

说明：<code>cdn-manager</code>是云转码<a href="https://www.wxiou.cn/archives/731/" target="_blank">express-ffmpeg</a>的作者<code>quazero</code>根据<a href="https://github.com/dadi/cdn" target="_blank">@dadi/cdn</a>制作的脚手架，该原理貌似是一个<code>API</code>服务，搭建好的<code>CDN</code>服务器第一次访问你设定的网站后，会将原站一些资源缓存到服务器，而且不仅仅可以缓存<code>jpg</code>、<code>css</code>、<code>js</code>等，就连<code>ts</code>、<code>m3u8</code>、<code>mp4</code>也可以缓存，默认是缓存一个小时，但可以设置永久缓存。并且当你的并发很高，硬盘<code>IO</code>跟不上的时候，就把图片转换成二进制存内存里边。更强的就是还可以给图片加参数，如高宽、格式、滤镜、比例、旋转等，然后拉取图片后按要求处理，再实时返回你需要的图片并缓存到服务器。有需求的可以使用延迟比较低的服务器搭建下，可以减轻我们源站压力，特别是并发比较高的网站。<h2>安装</h2>cdn-manager：<a href="https://gitee.com/quazero/cdn-manager" target="_blank">https://gitee.com/quazero/cdn-manager</a> dadi/cdn：<a href="https://github.com/dadi/cdn" target="_blank">https://github.com/dadi/cdn</a>本教程适用于<code>CentOS</code>，建议使用<code>CentOS 7</code>系统。1、安装依赖<pre><code>#升级系统
yum update -y
#安装开发者工具包
yum -y groupinstall "Development Tools"
#安装nodejs
curl -sL https://rpm.nodesource.com/setup_10.x | bash -
yum install nodejs -y
#安装pm2
npm install pm2 -g
</code></pre>2、安装程序<pre><code>#拉取源码
git clone https://gitee.com/quazero/cdn-manager.git
cd cdn-manager
#安装
npm install
#设置环境
export NODE_ENV=production
</code></pre>3、配置参数<pre><code>注意：本步骤讲的默认配置只缓存图片，所以我们要了解下基本配置，然后再去参考文章最后面的更多设置，再使用4步骤运行程序。
</code></pre>本程序主要涉及到<code>2</code>个配置文件<code>poster.json</code>和<code>config.production.json</code>，前者是图片处理的配置文件，后者是运行环境配置文件。图片配置路径<code>workspace/recipes/poster.json</code>，默认参数如下：<pre><code>{
 "recipe": "poster",
 "settings": {
 "format": "jpg",
 "quality": "90",
 "height": "240",
 "ratio": "16-9",
 "resizeStyle": "entropy"
 }
}</code></pre>意思是将图片处理成<code>16：9</code>的比例，高度<code>240PX</code>，并且格式为<code>jpg</code>，质量为<code>90%</code>的格式。运行环境配置路径<code>config/config.production.json</code>，默认参数如下：<pre><code>{
 "server": {
 "host": "127.0.0.1",
 "port": 8001
 },
 "images": {
 "remote": {
 "enabled": true,
 "path": "#"
 }
 }
}</code></pre>意思是运行端口为<code>8001</code>，设置远程连接<code>path</code>，比如我的域名是<code>https://www.wxiou.cn</code>，就在参数后面填该域名。4、运行程序<pre><code>#进入源码的文件夹
cd /root/cdn-manager
#这里避免出错，建议安装一些模块
npm install sharp farmhash
#运行
pm2 start index.js
</code></pre><h2>运行环境配置</h2>1、缓存设置<pre><code>"caching": {
 "ttl": 3600,
 "expireAt": "0 5 0 * * *"
}
</code></pre><code>expireAt</code>配置解释：<pre><code>"0 5 0 * * _" 每天凌晨12点5分刷新缓存
"0 30 11 _ _ 1-5" 每周星期一到星期五 早上11点30刷新缓存
"0 15 14 1 _ _" 每个月一号下午2点15刷新缓存
"0 22 _ _ 1-5" 周一到周五晚上10点刷新缓存
"_ 5 4 * * 0" 每周日凌晨4点5分刷新缓存
</code></pre><code>ttl</code>配置解释：<pre><code>单位秒，默认3600秒，一个小时缓存失效，可以自行设置时长。
/api/flush可以通过这个API手动刷新缓存文件。
</code></pre>2、image配置<pre><code>"images": {
 "directory": {
 "enabled": true,
 "path": "relative/path/to/your/images"
 },
 "remote": {
 "enabled": true,
 "path": "https://www.wxiou.cn/images"
 },
 "s3": {
 "enabled": true,
 "accessKey": "your-access-key",
 "secretKey": "your-secret",
 "bucketName": "your-bucket",
 "region": "your-region",
 "endpoint": "ams3.digitaloceanspaces.com"
 }
}
</code></pre><code>images</code>配置项 一共有三种用法，一种是直接服务同主机图片，服务本地图片，一种是服务远程图片，最后一种是亚马逊和<code>Digital Ocean Space</code>云储存。<code>directory</code>服务本地文件，直接指定<code>path</code>为文件夹地址即可直接处理本地图片。例如<code>/www/wxiou.cn/picture</code>，然后将图片地址<code>host</code>更改为<code>CDN</code>地址即可。<code>remote</code>服务远程文件，直接设置<code>path</code>为远程<code>url</code>，例如<code>https://www.wxiou.cn</code>，最后把地址替换成 <code>cdn</code>地址即可。<code>s3</code>云储存可扩展的云储存，可以直接缓存各种云储存上边的图片。3、assets配置<pre><code>"assets": {
 "directory": {
 "enabled": true,
 "path": "/Users/absolute/path/to/your/assets"
 }
}
</code></pre>该配置方法参考<code>image</code>配置，除了把<code>images</code>换成<code>assets</code>，其他用法一样，设置之后会缓存除了<code>jpg</code>的各种文件，包括视频文件。<h2>图片处理配置</h2><pre><code>{
 "recipe": "poster",
 "settings": {
 "format": "jpg",
 "quality": "90",
 "height": "240",
 "ratio": "16-9",
 "resizeStyle": "entropy"
 }
}
</code></pre><code>recipe</code>文件是预配置格式处理文件，在<code>workspace/recipes</code>文件夹中建立。<code>"recipe"</code>参数设置必须和文件名一致。<code>settings</code>中可以设置的选项：<pre><code>blur 模糊
filter 设置裁剪处理算法
flip 翻动
format 格式
gravity 设置裁剪区域
ratio 比例
rotate 旋转
width 宽度
height 高度
</code></pre><code>resizeStyle</code>裁剪模式 推荐<code>entropy</code>等，详见<a href="https://github.com/dadi/cdn" target="_blank">dadi/cdn</a>文档。设置完成之后，比如<code>recipe</code>为<code>poster</code>，则访问链接为<code>cdnhost/poster/yourpath/1.jpg</code>。<h2>域名反代</h2>要想正常访问就需要使用域名反代，这里说下宝塔反代和<code>Caddy</code>反代。如果你网站有宝塔，就可以使用宝塔进行反代，如果没有，建议使用第<code>2</code>种的<code>Caddy</code>反代，配置很快。1、宝塔反代 先进入宝塔面板，然后点击左侧网站，添加站点，然后再点击添加好了的域名名称，这时候就进入了站点配置，点击反向代理，目标<code>URL</code>填入<code>http://127.0.0.1:8001</code>，再启用反向代理即可。至于启用<code>SSL</code>就不说了，直接在站点配置就可以看到。2、Caddy反代 安装<code>Caddy</code>：<pre><code>wget -N --no-check-certificate https://raw.githubusercontent.com/iiiiiii1/doubi/master/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh
#备用地址
wget -N --no-check-certificate https://www.wxiou.cn/usr/shell/Caddy/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh
</code></pre>配置<code>Caddy</code>：<pre><code>#以下全部内容是一个整体，请修改域名后一起复制到SSH运行！

#http访问，该配置不会自动签发SSL
echo "xx.com {
 gzip
 proxy / http://127.0.0.1:8001
}" > /usr/local/caddy/Caddyfile

#https访问，该配置会自动签发SSL，请提前解析域名到VPS服务器
echo "xx.com {
 gzip
 tls admin@wxiou.cn
 proxy / http://127.0.0.1:8001
}" > /usr/local/caddy/Caddyfile
</code></pre><code>tls</code>参数会自动帮你签发<code>ssl</code>证书，如果你要使用自己的<code>ssl</code>，改为<code>tls /root/xx.crt /root/xx.key</code>即可。后面为<code>ssl</code>证书路径。启动<code>Caddy</code>：<pre><code>/etc/init.d/caddy start
</code></pre>最后我们都配置好了后，只需要在原网站将资源链接域名替换成<code>CDN</code>的地址即可。大概使用如下：<pre><code>原图片地址为：https://www.wxiou.cn/rats.jpg
CDN中地址为：https://cdn.wxiou.cn/poster/rats.jpg，该链接会自动处理图片

#如果你不想对图片进行处理，直接代替原域名就可以了，如：
https://cdn.wxiou.cn/rats.jpg

#其他资源就直接替换域名为CDN地址即可
</code></pre><blockquote>'s本文链接：<a href="https://www.wxiou.cn/archives/773/" target="_blank">https://www.wxiou.cn/archives/773/</a></blockquote>最后修改：2018 年 10 月 24 日 08 : 13 PM

使用cdn-manager自建CDN服务器，支持处理图片/缓存视频等资源

安装

运行环境配置

图片处理配置

域名反代

纯ipv6的vps怎样搭建v2?

国内外短信接码平台合集

DataGrip: 一款关于数据库的有利工具

Nginx转发流量转发

MNIST机器学习入门

Linux VPS服务器SSH端口一键修改脚本

Aria2c度盘下载器：可高速下载百度云文件

DataGrip: 一款关于数据库的有利工具

Openload：一个可以赚钱的免费文件/视频分享平台

Windows/Mac系统下挂载Google Drive网盘为本地硬盘使用

使用cdn-manager自建CDN服务器，支持处理图片/缓存视频等资源