文章
文章文档网址导航

Sub-Web搭建教程！自行搭建Clash订阅转换平台，自建Sub-Web前端和SubConverter后端！妈妈再也不担心我的机场订阅节点信息泄露了！

文章导读目录

前言

那自从Clash更新，我出了Clash订阅转换的教程以后，在我们这个视频下方的留言和TG群里面，都有很多质疑的声音，更多的质疑说是用别人的后端转换订阅，存在一定的数据隐患，那还有甚者说自己的订阅已经被盗用，流量也是不正常。那这个。。。。

作者在这边也是不怎么好跟大家解释，这个东西嘛，本身就是越解释，越是解释不清楚。既然是有这样的情况发生，那我就只能为大家去解决这样的问题。

说来说去，根源上的问题就是，大伙儿觉得用别人的后端不太放心。觉得自己的订阅地址存在泄漏的问题。还有些小伙伴连别人搭建的订阅前端都质疑有问题。。。。。

不过，既然质疑嘛，那我们就不用别人的搭建的平台进行转换了，硬口气，自己搭一个，反正GITHUB上面项目地址都还在，是吧。我们自行搭建一个前端、和专属自己的一个后端，让我们的机场订阅地址，可以通过自己搭建的平台，进行转换和生成相关的规则以及配置。

那今天我们就一起来搭建这个平台。在搭建之前，我们需要准备2个条件，第一个就是域名，第二个就是一台VPS。

当然，你若是不想把自己搭建的平台，发布到互联网上面供其他人使用的话，也是可以选择在我们本地进行搭建，专供自己来使用。

若是这样的话，就不需要刚才的两个条件了。只需要一台本地的VPS就好了。

本地的VPS怎么创建，大家可以观看作者这期的视频（PVE虚拟Ubuntu18，设置SSH第三方登录并编译OpenWRT）做参考。

点击播放

准备工作

在线平台的准备

  • VPS一台并装好主流的系统（作者演示用CentOS）
  • 域名托管到 Cloudflare （不会点击这里）
  • 解析两个域名（一个用于前端，一个用于后端，不会看视频）

本地平台的准备

  • PVE（Esxi）下创建的虚拟机VPS

前端项目地址

点击访问

后端项目地址

点击访问

在 Cloudflare 解析两个域名

前端 我们使用 sub.v2cross.com 进行解析

后端 我们使用 suc.v2cross.com 进行解析

（PS：若是为了你的服务器安全，建议一定开启小云朵，也就是开启CDN）

Sub-Web搭建教程！自行搭建Clash订阅转换平台，自建Sub-Web前端和SubConverter后端！妈妈再也不担心我的机场订阅节点信息泄露了！

设置 Cloudflare 的 SSL/TLS 为以下配置

Sub-Web搭建教程！自行搭建Clash订阅转换平台，自建Sub-Web前端和SubConverter后端！妈妈再也不担心我的机场订阅节点信息泄露了！

搭建Sub-Web前端

更新系统并安装 Node 与 Yarn

依次运行下面四行代码，若是 Debian/Ubuntu 系统，请自行替换下面前两行命令中的 yum 为 apt

  1. yum update -y
  2. yum install -y curl wget sudo nodejs git
  3. npm install -g cnpm --registry=https://registry.npm.taobao.org
  4. cnpm install -g yarn

命令执行完毕以后，请运行下面的代码查询 Node 与 Yarn 是否安装成功，若是成功会返回版本号，如下图。

  1. node -v
  2. yarn --version

Sub-Web搭建教程！自行搭建Clash订阅转换平台，自建Sub-Web前端和SubConverter后端！妈妈再也不担心我的机场订阅节点信息泄露了！

下载并安装 Sub-Web

拉取 sub-web 程序，并进入 sub-web 文件夹

  1. git clone https://github.com/CareyWang/sub-web.git
  2. cd sub-web

在项目目录中安装构建依赖项，构建的过程稍微有点长

  1. yarn install

使用 webpack 运行 Web 客户端以进行本地开发。

  1. yarn serve

到目前为止，浏览器访问 http://服务器ip:8080/ 应该可以进行前端 sub-web 的预览了。
Sub-Web搭建教程！自行搭建Clash订阅转换平台，自建Sub-Web前端和SubConverter后端！妈妈再也不担心我的机场订阅节点信息泄露了！

修改默认后端地址

找到 VPS /root/sub-web/src/views/Subconverter.vue 文件

找到 257行 backendOptions:（写博客的时候是这行），替换后面的 http://127.0.0.1:25500/sub? 为 https://suc.v2cross.com/sub?

（注意两个地方：域名为你刚才准备的后端域名，是 https 而非 http）

Sub-Web搭建教程！自行搭建Clash订阅转换平台，自建Sub-Web前端和SubConverter后端！妈妈再也不担心我的机场订阅节点信息泄露了！

更换远程规则

因为这个版本更新以后，规则方面很少，经常用到的一些经典的 ACL4SSR 的规则并没有集成，大家可以看看，若是有，就不需要这样操作。

VPS找到 /root/sub-web/src/views/Subconverter.vue 文件，找到 258行 remoteConfig: [（写博客的时候是这行），敲下回车，插入下面内容。若是不清楚，请看 本期讲解的视频：

  1. {
  2.             label: "ACL4SSR",
  3.             options: [
  4.               {
  5.                 label: "ACL4SSR_Online 默认版 分组比较全 (与Github同步)",
  6.                 value:
  7.                   "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online.ini"
  8.               },
  9.               {
  10.                 label: "ACL4SSR_Online_AdblockPlus 更多去广告 (与Github同步)",
  11.                 value:
  12.                   "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_AdblockPlus.ini"
  13.               },
  14.               {
  15.                 label: "ACL4SSR_Online_NoAuto 无自动测速 (与Github同步)",
  16.                 value:
  17.                   "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_NoAuto.ini"
  18.               },
  19.               {
  20.                 label: "ACL4SSR_Online_NoReject 无广告拦截规则 (与Github同步)",
  21.                 value:
  22.                   "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_NoReject.ini"
  23.               },
  24.               {
  25.                 label: "ACL4SSR_Online_Mini 精简版 (与Github同步)",
  26.                 value:
  27.                   "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini.ini"
  28.               },
  29.               {
  30.                 label: "ACL4SSR_Online_Mini_AdblockPlus.ini 精简版 更多去广告 (与Github同步)",
  31.                 value:
  32.                   "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini_AdblockPlus.ini"
  33.               },
  34.               {
  35.                 label: "ACL4SSR_Online_Mini_NoAuto.ini 精简版 不带自动测速 (与Github同步)",
  36.                 value:
  37.                   "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini_NoAuto.ini"
  38.               },
  39.               {
  40.                 label: "ACL4SSR_Online_Mini_Fallback.ini 精简版 带故障转移 (与Github同步)",
  41.                 value:
  42.                   "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini_Fallback.ini"
  43.               },
  44.               {
  45.                 label: "ACL4SSR_Online_Mini_MultiMode.ini 精简版 自动测速、故障转移、负载均衡 (与Github同步)",
  46.                 value:
  47.                   "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini_MultiMode.ini"
  48.               },
  49.               {
  50.                 label: "ACL4SSR_Online_Full 全分组 重度用户使用 (与Github同步)",
  51.                 value:
  52.                   "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Full.ini"
  53.               },
  54.               {
  55.                 label: "ACL4SSR_Online_Full_NoAuto.ini 全分组 无自动测速 重度用户使用 (与Github同步)",
  56.                 value:
  57.                   "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Full_NoAuto.ini"
  58.               },
  59.               {
  60.                 label: "ACL4SSR_Online_Full_AdblockPlus 全分组 重度用户使用 更多去广告 (与Github同步)",
  61.                 value:
  62.                   "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Full_AdblockPlus.ini"
  63.               },
  64.               {
  65.                 label: "ACL4SSR_Online_Full_Netflix 全分组 重度用户使用 奈飞全量 (与Github同步)",
  66.                 value:
  67.                   "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Full_Netflix.ini"
  68.               },
  69.               {
  70.                 label: "ACL4SSR 本地 默认版 分组比较全",
  71.                 value: "config/ACL4SSR.ini"
  72.               },
  73.               {
  74.                 label: "ACL4SSR_Mini 本地 精简版",
  75.                 value: "config/ACL4SSR_Mini.ini"
  76.               },
  77.               {
  78.                 label: "ACL4SSR_Mini_NoAuto.ini 本地 精简版+无自动测速",
  79.                 value: "config/ACL4SSR_Mini_NoAuto.ini"
  80.               },
  81.               {
  82.                 label: "ACL4SSR_Mini_Fallback.ini 本地 精简版+fallback",
  83.                 value: "config/ACL4SSR_Mini_Fallback.ini"
  84.               },
  85.               {
  86.                 label: "ACL4SSR_BackCN 本地 回国",
  87.                 value: "config/ACL4SSR_BackCN.ini"
  88.               },
  89.               {
  90.                 label: "ACL4SSR_NoApple 本地 无苹果分流",
  91.                 value: "config/ACL4SSR_NoApple.ini"
  92.               },
  93.               {
  94.                 label: "ACL4SSR_NoAuto 本地 无自动测速 ",
  95.                 value: "config/ACL4SSR_NoAuto.ini"
  96.               },
  97.               {
  98.                 label: "ACL4SSR_NoAuto_NoApple 本地 无自动测速&无苹果分流",
  99.                 value: "config/ACL4SSR_NoAuto_NoApple.ini"
  100.               },
  101.               {
  102.                 label: "ACL4SSR_NoMicrosoft 本地 无微软分流",
  103.                 value: "config/ACL4SSR_NoMicrosoft.ini"
  104.               },
  105.               {
  106.                 label: "ACL4SSR_WithGFW 本地 GFW列表",
  107.                 value: "config/ACL4SSR_WithGFW.ini"
  108.               }
  109.             ]
  110.           },

配置完毕刷新前端网页

配置完毕以后，程序会自动更新，再次刷新前端网页，会出现刚才添加的相关规则，如图所示：

Sub-Web搭建教程！自行搭建Clash订阅转换平台，自建Sub-Web前端和SubConverter后端！妈妈再也不担心我的机场订阅节点信息泄露了！

至此，我们的前端搭建完毕，我们现在需要打包，生成一个发布目录

首先停止调试程序，CTRL+C ，退出当前调试，然后执行下面的命令进行打包：

若是不会停止，请断开VPS，重新连接VPS以后，输入 cd sub-web 在执行下面的命令

  1. yarn build

执行以下打包命令，在 /root/sub-web 下面会生成一个 dist 目录，这个目录即为网页的发布目录。

Sub-Web搭建教程！自行搭建Clash订阅转换平台，自建Sub-Web前端和SubConverter后端！妈妈再也不担心我的机场订阅节点信息泄露了！

安装BT面板并设置网站

CentOS 系统运行下面的命令安装宝塔面板

  1. yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

Debian/Ubuntu 系统运行下面的命令安装宝塔面板，或是直接访问官网查询安装代码 ：点击访问

Ubuntu安装命令

  1. wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh

Debian安装命令

  1. wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && bash install.sh

Sub-Web搭建教程！自行搭建Clash订阅转换平台，自建Sub-Web前端和SubConverter后端！妈妈再也不担心我的机场订阅节点信息泄露了！

 

关于宝塔环境的安装以及相关的站点设置和反向代理，请查看视频，这边步骤比较多，所以博文选择跳过。

SubConverter后台搭建

下载并解压后端程序

  1. cd /root
  2. wget https://github.com/tindy2013/subconverter/releases/download/v0.6.3/subconverter_linux64.tar.gz
  3. tar -zxvf subconverter_linux64.tar.gz

完成以后，在 /root 文件夹下会多出一个 subconverter 的文件夹，这个就是我们的后端程序

修改配置文件参数

现在我们需要修改后端配置文件中的一些参数

找到VPS文件 /root/subconverter/pref.ini ，找到如下参数进行修改

  1. api_access_token=123123dfsdsdfsdfsdf            #随意设置自己知道就行
  2. managed_config_prefix=https://suc.v2cross.com  #设置成我们刚刚解析的后端域名
  3. listen=127.0.0.1                                #这里改成 127.0.0.1 进行反代

创建服务进程并启动

接下来我们需要创建一个服务，让VPS每次重启或是开机自动运行后端程序

找到VPS目录 /etc/systemd/system，创建一个名为 sub.service 的文件

打开文件，贴入以下内容，保存。

  1. [Unit]
  2. Description=A API For Subscription Convert
  3. After=network.target
  4.  
  5. [Service]
  6. Type=simple
  7. ExecStart=/root/subconverter/subconverter
  8. WorkingDirectory=/root/subconverter
  9. Restart=always
  10. RestartSec=10
  11.  
  12. [Install]
  13. WantedBy=multi-user.target

检查运行状态以及设置开机自启

  1. systemctl daemon-reload
  2. systemctl start sub
  3. systemctl enable sub
  4. systemctl status sub

到这里，后端也就搭建完毕了，我们现在可以在浏览器里面访问我们的后端了 https://suc.v2cross.com （正常的话，会返回下面的图例）

Sub-Web搭建教程！自行搭建Clash订阅转换平台，自建Sub-Web前端和SubConverter后端！妈妈再也不担心我的机场订阅节点信息泄露了！

后记

到这里，我们也就搭建完毕了，大家可以在前端订阅自己的SSR/V2RAY/TROJAN机场链接或是自建的的节点链接进行转换了。

转换成功以后，复制订阅地址，输入到浏览器，打开，会得到如下的画面（若是教程帮助了你，不妨转发订阅点赞。）

Sub-Web搭建教程！自行搭建Clash订阅转换平台，自建Sub-Web前端和SubConverter后端！妈妈再也不担心我的机场订阅节点信息泄露了！

About The Author

Sub-Web搭建教程！自行搭建Clash订阅转换平台，自建Sub-Web前端和SubConverter后端！妈妈再也不担心我的机场订阅节点信息泄露了！

v2cross.com

See author's posts

优化加速技术教程

放弃百度网盘？阿里云盘横空出世，无需破解直接高速！1TB免费空间，拉满你的宽带（阿里网盘评测）

2021-1-7 14:59:25

优化加速技术教程

浏览器最强插件（油猴）全网VIP视频免费破解去广告、全网音乐直接下载、百度网盘直接下载、知乎视频下载等多合一版。

2021-1-7 15:01:11

❯
搜索

  • 扫码打开当前页

返回顶部