共计 5122 个字符，预计需要花费 13 分钟才能阅读完成。
前提是搭建在互聯網環境
設置域名解析
更新系統並安裝node.js和yarn
RHEL系列環境下依次輸入下列命令
yum update -y
yum install -y epel-release
yum install -y curl wget sudo nodejs git npm
curl --silent --location https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo
rpm --import https://dl.yarnpkg.com/rpm/pubkey.gpg
yum install -y yarn下載安裝sub-web
拉取 sub-web 程序，并进入 sub-web 文件夹
git clone https://gitee.com/mirrors_CareyWang/sub-web.git
cd sub-web在项目目录中安装构建依赖项，构建的过程稍微有点长
yarn install
使用 webpack 运行 Web 客户端以进行本地开发。
yarn serve
修改默认后端地址
找到 /root/sub-web/src/views/Subconverter.vue 文件
找到 299行 backendOptions:（写博客的时候是这行），替换后面的 http://127.0.0.1:25500/sub? 为 https://csub.ifset.xyz/sub?
更换远程规则
因为这个版本更新以后，规则方面很少，经常用到的一些经典的 ACL4SSR 的规则并没有集成，大家可以看看，若是有，就不需要这样操作。
找到 /root/sub-web/src/views/Subconverter.vue 文件，找到 300行 remoteConfig: [，敲下回车，插入下面内容。
{
label: "ACL4SSR",
options: [
{
label: "ACL4SSR_Online 默认版 分组比较全 (与Github同步)",
value:
"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online.ini"
},
{
label: "ACL4SSR_Online_AdblockPlus 更多去广告 (与Github同步)",
value:
"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_AdblockPlus.ini"
},
{
label: "ACL4SSR_Online_NoAuto 无自动测速 (与Github同步)",
value:
"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_NoAuto.ini"
},
{
label: "ACL4SSR_Online_NoReject 无广告拦截规则 (与Github同步)",
value:
"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_NoReject.ini"
},
{
label: "ACL4SSR_Online_Mini 精简版 (与Github同步)",
value:
"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini.ini"
},
{
label: "ACL4SSR_Online_Mini_AdblockPlus.ini 精简版 更多去广告 (与Github同步)",
value:
"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini_AdblockPlus.ini"
},
{
label: "ACL4SSR_Online_Mini_NoAuto.ini 精简版 不带自动测速 (与Github同步)",
value:
"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini_NoAuto.ini"
},
{
label: "ACL4SSR_Online_Mini_Fallback.ini 精简版 带故障转移 (与Github同步)",
value:
"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini_Fallback.ini"
},
{
label: "ACL4SSR_Online_Mini_MultiMode.ini 精简版 自动测速、故障转移、负载均衡 (与Github同步)",
value:
"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini_MultiMode.ini"
},
{
label: "ACL4SSR_Online_Full 全分组 重度用户使用 (与Github同步)",
value:
"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Full.ini"
},
{
label: "ACL4SSR_Online_Full_NoAuto.ini 全分组 无自动测速 重度用户使用 (与Github同步)",
value:
"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Full_NoAuto.ini"
},
{
label: "ACL4SSR_Online_Full_AdblockPlus 全分组 重度用户使用 更多去广告 (与Github同步)",
value:
"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Full_AdblockPlus.ini"
},
{
label: "ACL4SSR_Online_Full_Netflix 全分组 重度用户使用 奈飞全量 (与Github同步)",
value:
"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Full_Netflix.ini"
},
{
label: "ACL4SSR 本地 默认版 分组比较全",
value: "config/ACL4SSR.ini"
},
{
label: "ACL4SSR_Mini 本地 精简版",
value: "config/ACL4SSR_Mini.ini"
},
{
label: "ACL4SSR_Mini_NoAuto.ini 本地 精简版+无自动测速",
value: "config/ACL4SSR_Mini_NoAuto.ini"
},
{
label: "ACL4SSR_Mini_Fallback.ini 本地 精简版+fallback",
value: "config/ACL4SSR_Mini_Fallback.ini"
},
{
label: "ACL4SSR_BackCN 本地 回国",
value: "config/ACL4SSR_BackCN.ini"
},
{
label: "ACL4SSR_NoApple 本地 无苹果分流",
value: "config/ACL4SSR_NoApple.ini"
},
{
label: "ACL4SSR_NoAuto 本地 无自动测速 ",
value: "config/ACL4SSR_NoAuto.ini"
},
{
label: "ACL4SSR_NoAuto_NoApple 本地 无自动测速&无苹果分流",
value: "config/ACL4SSR_NoAuto_NoApple.ini"
},
{
label: "ACL4SSR_NoMicrosoft 本地 无微软分流",
value: "config/ACL4SSR_NoMicrosoft.ini"
},
{
label: "ACL4SSR_WithGFW 本地 GFW列表",
value: "config/ACL4SSR_WithGFW.ini"
}
]
},配置完毕刷新前端网页
配置完毕以后，程序会自动更新，再次刷新前端网页，会出现刚才添加的相关规则，如图所示：
至此，我们的前端搭建完毕，我们现在需要打包，生成一个发布目录
首先停止调试程序，CTRL+C ，退出当前调试，然后执行下面的命令进行打包：
cd ~/sub-web
yarn build执行以下打包命令，在 ~
/sub-web 下面会生成一个 dist 目录，这个目录即为网页的发布目录。
打包壓縮備用，放至互聯網服務器上。
tar -cvzf dist.tar.gz dist安装承載中間件并设置网站
中間件推薦BT面板、小皮面板、LNMP等等，下面以BT面板為例演示。
SubConverter后台搭建
下载并解压后端程序
mkdir -p /etc/subconverter
cd ~
wget https://github.com/tindy2013/subconverter/releases/download/v0.7.2/subconverter_linux64.tar.gz
tar -zxvf subconverter_linux64.tar.gz
cd subconverter
mv ./* /etc/subconverter/
cd /etc/subconverter 修改配置文件参数
现在我们需要修改后端配置文件中的一些参数,找到如下参数进行修改
cp /etc/subconverter/pref.example.ini /etc/subconverter/pref.ini
vim /etc/subconverter/pref.ini修改下列配置
api_access_token=123123dfsdsdfsdfsdf #随意设置自己知道就行
managed_config_prefix=https://csub***.ifset.xyz #设置成我们刚刚解析的后端域名
listen=127.0.0.1 #这里改成 127.0.0.1 进行反代
创建服务进程并启动
接下来我们需要创建一个服务，让VPS每次重启或是开机自动运行后端程序
找到VPS目录 /etc/systemd/system，创建一个名为 subconverter.service 的文件
打开文件，贴入以下内容，保存。
cd /etc/systemd/system
vim subconverter.service[Unit]
Description=A API For Subscription Convert
After=network.target
[Service]
Type=simple
ExecStart=/etc/subconverter/subconverter
WorkingDirectory=/etc/subconverter
Restart=always
RestartSec=10
[Install]
WantedBy=multi-user.target检查运行状态以及设置开机自启
systemctl daemon-reload
systemctl start subconverter
systemctl enable subconverter
systemctl status subconverter在BT面板上建立網站承載目錄
上傳剛打包好的dist目錄，就可以訪問前端了。
但是這裡會生成他人的訂閱鏈接，不安全。
需要用自己的後端地址。
在後端地址處填寫自己的後端地址 https://csubexe.ifset.xyz/sub?
在面板上再建立一個網站，主要用於反代
到这里，后端也就搭建完毕了，我们现在可以在浏览器里面访问我们的后端了 https://csub***.ifset.xyz （正常的话，如下圖所示 ）
正文完
掃描進入電報群 https://t.me/+R_Tv2n6ReZCjk10G
感谢
