Sub-Web搭建教程!自行搭建Clash订阅转换平台,自建Sub-Web前端和SubConverter后端!...
source link: https://vpsxb.net/3819/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Sub-Web搭建教程!自行搭建Clash订阅转换平台,自建Sub-Web前端和SubConverter后端!妈妈再也不担心我的机场订阅节点信息泄露了! | VPS小白
那自从Clash更新,我出了Clash订阅转换的教程以后,在我们这个视频下方的留言和TG群里面,都有很多质疑的声音,更多的质疑说是用别人的后端转换订阅,存在一定的数据隐患,那还有甚者说自己的订阅已经被盗用,流量也是不正常。那这个。。。。
作者在这边也是不怎么好跟大家解释,这个东西嘛,本身就是越解释,越是解释不清楚。既然是有这样的情况发生,那我就只能为大家去解决这样的问题。
说来说去,根源上的问题就是,大伙儿觉得用别人的后端不太放心。觉得自己的订阅地址存在泄漏的问题。还有些小伙伴连别人搭建的订阅前端都质疑有问题。。。。。
不过,既然质疑嘛,那我们就不用别人的搭建的平台进行转换了,硬口气,自己搭一个,反正GITHUB上面项目地址都还在,是吧。我们自行搭建一个前端、和专属自己的一个后端,让我们的机场订阅地址,可以通过自己搭建的平台,进行转换和生成相关的规则以及配置。
那今天我们就一起来搭建这个平台。在搭建之前,我们需要准备2个条件,第一个就是域名,第二个就是一台VPS。
当然,你若是不想把自己搭建的平台,发布到互联网上面供其他人使用的话,也是可以选择在我们本地进行搭建,专供自己来使用。
若是这样的话,就不需要刚才的两个条件了。只需要一台本地的VPS就好了。
本地的VPS怎么创建,大家可以观看作者这期的视频(PVE虚拟Ubuntu18,设置SSH第三方登录并编译OpenWRT)做参考。
本期视频教程:点击播放
在线平台的准备
本地平台的准备
- PVE(Esxi)下创建的虚拟机VPS
前端项目地址
后端项目地址
在 Cloudflare 解析两个域名
前端 我们使用 sub.v2rayssr.com 进行解析
后端 我们使用 suc.v2rayssr.com 进行解析
(PS:若是为了你的服务器安全,建议一定开启小云朵,也就是开启CDN)
设置 Cloudflare 的 SSL/TLS 为以下配置
搭建Sub-Web前端
更新系统并安装 Node 与 Yarn
依次运行下面四行代码,若是 Debian/Ubuntu 系统,请自行替换下面前两行命令中的 yum
为 apt
- yum update -y
- yum install -y curl wget sudo nodejs git
- npm install -g cnpm --registry=https://registry.npm.taobao.org
- cnpm install -g yarn
命令执行完毕以后,请运行下面的代码查询 Node 与 Yarn 是否安装成功,若是成功会返回版本号,如下图。
- node -v
- yarn --version
下载并安装 Sub-Web
拉取 sub-web 程序,并进入 sub-web 文件夹
- git clone https://github.com/CareyWang/sub-web.git
- cd sub-web
在项目目录中安装构建依赖项,构建的过程稍微有点长
- yarn install
使用 webpack 运行 Web 客户端以进行本地开发。
- yarn serve
到目前为止,浏览器访问 http://服务器ip:8080/ 应该可以进行前端 sub-web 的预览了。
修改默认后端地址
找到 VPS /root/sub-web/src/views/Subconverter.vue
文件
找到 257行 backendOptions:
(写博客的时候是这行),替换后面的 http://127.0.0.1:25500/sub?
为 https://suc.v2rayssr.com/sub?
(注意两个地方:域名为你刚才准备的后端域名,是 https 而非 http)
更换远程规则
因为这个版本更新以后,规则方面很少,经常用到的一些经典的 ACL4SSR 的规则并没有集成,大家可以看看,若是有,就不需要这样操作。
VPS找到 /root/sub-web/src/views/Subconverter.vue
文件,找到 258行 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 ,退出当前调试,然后执行下面的命令进行打包:
若是不会停止,请断开VPS,重新连接VPS以后,输入
cd sub-web
在执行下面的命令
- yarn build
执行以下打包命令,在 /root/sub-web
下面会生成一个 dist
目录,这个目录即为网页的发布目录。
安装BT面板并设置网站
CentOS 系统运行下面的命令安装宝塔面板
- yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
Debian/Ubuntu 系统运行下面的命令安装宝塔面板,或是直接访问官网查询安装代码 :点击访问
Ubuntu安装命令
- wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh
Debian安装命令
- wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && bash install.sh
关于宝塔环境的安装以及相关的站点设置和反向代理,请查看视频,这边步骤比较多,所以博文选择跳过。
SubConverter后台搭建
下载并解压后端程序
- cd /root
- wget https://github.com/tindy2013/subconverter/releases/download/v0.6.3/subconverter_linux64.tar.gz
- tar -zxvf subconverter_linux64.tar.gz
完成以后,在 /root
文件夹下会多出一个 subconverter
的文件夹,这个就是我们的后端程序
修改配置文件参数
现在我们需要修改后端配置文件中的一些参数
找到VPS文件 /root/subconverter/pref.ini
,找到如下参数进行修改
- api_access_token=123123dfsdsdfsdfsdf #随意设置自己知道就行
- managed_config_prefix=https://suc.v2rayssr.com #设置成我们刚刚解析的后端域名
- listen=127.0.0.1 #这里改成 127.0.0.1 进行反代
创建服务进程并启动
接下来我们需要创建一个服务,让VPS每次重启或是开机自动运行后端程序
找到VPS目录 /etc/systemd/system
,创建一个名为 sub.service
的文件
打开文件,贴入以下内容,保存。
- [Unit]
- Description=A API For Subscription Convert
- After=network.target
- [Service]
- Type=simple
- ExecStart=/root/subconverter/subconverter
- WorkingDirectory=/root/subconverter
- Restart=always
- RestartSec=10
- [Install]
- WantedBy=multi-user.target
检查运行状态以及设置开机自启
- systemctl daemon-reload
- systemctl start sub
- systemctl enable sub
- systemctl status sub
到这里,后端也就搭建完毕了,我们现在可以在浏览器里面访问我们的后端了 https://suc.v2rayssr.com (正常的话,会返回下面的图例)
到这里,我们也就搭建完毕了,大家可以在前端订阅自己的SSR/V2RAY/TROJAN机场链接或是自建的的节点链接进行转换了。
转换成功以后,复制订阅地址,输入到浏览器,打开,会得到如下的画面(若是教程帮助了你,不妨转发订阅点赞。)
原文链接:https://v2rayssr.com/sub-web.html
转载请注明原文链接
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK