Posted 2021-06-19 minutes read (About 427 words) 技术教程 节点订阅转换API- P3：Sub-web前端 本篇文章是P3部分 * [节点订阅转换API- P1：Subconverter后端](https://blog.gatesx.cn/subscription-api-p1.html) * [节点订阅转换API- P2：MyUrls短链接](https://blog.gatesx.cn/subscription-api-p2.html) * [节点订阅转换API- P3：Sub-web前端](https://blog.gatesx.cn/subscription-api-p3.html) Sub-web是基于 vue-cli 与 tindy2013/subconverter 后端实现的配置自动生成订阅地址和短链接。 项目地址：[https://github.com/CareyWang/sub-web](https://github.com/CareyWang/sub-web) ## 教程 本次教程（P1-P3）均使用centos7（Bt+nginx）作为演示。 ### 1.安装Node.js和yarn ``` curl -sL https://rpm.nodesource.com/setup_10.x | bash - ``` ``` yum install -y nodejs ``` 输入 **node -v** 检查 ``` sudo wget https://dl.yarnpkg.com/rpm/yarn.repo -O /etc/yum.repos.d/yarn.repo ``` ``` sudo yum install yarn ``` 输入 **yarn --version** 检查 ### 2.Git仓库 ``` git clone https://github.com/CareyWang/sub-web.git cd sub-web ``` ### 3.构建依赖项 ``` yarn install ``` 时间视你的CPU性能 修改**src/views/Subconverter.vue** 的227-229行 ``` const defaultBackend = process.env.VUE_APP_SUBCONVERTER_DEFAULT_BACKEND + '/sub?' const shortUrlBackend = process.env.VUE_APP_MYURLS_DEFAULT_BACKEND + '/short' const configUploadBackend = process.env.VUE_APP_CONFIG_UPLOAD_BACKEND + '/config/upload' ``` e.g. ``` const defaultBackend = 'https://Subconverter域名/sub?' const shortUrlBackend = 'https://MyUrls域名/short' const configUploadBackend = 'https://Subconverter域名/config/upload' ``` ### 4.添加Trojan选项和更多ACL4SSR分流 修改**src/views/Subconverter.vue** 的243-256行中间加入 ``` trojan: "trojan", ``` 在259行~（没有添加trojan的就为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" } ] }, ``` ### 5.打包 ``` yarn build ``` 打包在disk文件夹，部署访问即可（如果要重新打包最好先删除） P3部分到此，三部分结束。 * [节点订阅转换API- P1：Subconverter后端](https://blog.gatesx.cn/subscription-api-p1.html) * [节点订阅转换API- P2：MyUrls短链接](https://blog.gatesx.cn/subscription-api-p2.html) * [节点订阅转换API- P3：Sub-web前端](https://blog.gatesx.cn/subscription-api-p3.html) Loading... 文章目录 节点订阅转换API- P3：Sub-web前端 https://blog.gatesx.cn/archives/18/ Author gatesx Posted on 2020-04-01 Licensed under CC BY-NC-SA 4.0
暂无评论