订阅转换搭建原版（前后端）

开始搭建#

后端#

heroku#

打开github 项目地址，点个 star，并 fork 此项目
打开heroku 的官网登陆后我们需要获取 heroku 账号的 api_key, 按图点击
往下翻，如图，复制 2 框内所示的内容
回到我们刚才 fork 的 github 项目，如图添加两个名为HEROKU_API_KEY
和HEROKU_EMAIL的 Secret。说明如下:

HEROKU_API_KEY	刚才获取的 heroku_api_key
HEROKU_EMAIL	heroku 账号的邮箱

然后如图，编辑.github/workflows/heroku.yml这个文件，修改heroku_app_name这个的值，不能重复，我建议是在 heroku 首页新建一个项目，取个不重复的名字，然后复制名字到这并取消创建

4. 如图，激活 actions

如图运行 action

5. 不出意外的话，这样就代表成功了

同时，heroku 账号首页也多了一个项目

6. 访问以下网址，来检测是否安装成功

https://heroku项目的名字.herokuapp.com/version

如果显示这样，就成功了

koyeb#

点一下这个图标，然后全部默认就行

Deploy to Koyeb

github 项目地址

同样等到如图中 1 所示，访问以下地址

图中2的地址/version

如果是这样就代表成功了

okteto#

首先 fork本项目用 github 登录 okteto https://cloud.okteto.com

存在拼人品的问题，有可能注册不上，那就换个 github 账号，一般情况下用了很长时间的 github 都能正常注册

选择这个

选择用 github 部署

选择这个然后点 ‘launch’

然后就不用管了
等着部署完毕，大约两分钟的样子

出现 running 就是部署好了，在浏览器打开这个链接

如果在浏览器打开出现 504 timeout 503 或者其他什么错误

解决办法：开无痕，换浏览器.

开一个无痕窗口，在上图给的链接后边加上 sub? 如果出现下图就是完成了

到此，用 oketeto 部署 clash 订阅转换后端 subconver 就完成了

northflank#

如图，图中地址为： https://github.com/jth445600/subconverter-heroku-koyeb-northflank ，记得选择 http 顺便打勾

等待他部署完成，点击图中按钮复制地址

新开个标签页，在复制的地址后加”/version“，如果返回的如图所示，就代表成功了

前端#

前端使用免费的静态网页服务厂商来搭建。我这里推荐 vercel，当然，你也可以使用 cf pages

1.fork这个 github 项目

2. 修改默认后端地址，编辑 src/views/Subconverter.vue 文件

在第 258 行 backendOptions，修改后面http://127.0.0.1:25500为刚才 heroku 和 koyeb 返回的地址

注意：后面的/sub?不能删去，heroku 地址一般为： 应用程序名1.herokuapp.com

koyeb 则为这里显示的地址，同理 okteto 也是显示的

northflank 则是复制的地址

此外，还能自定义多个后端地址格式如下

backendOptions: [
  { value: "https://subsc.ednovas.xyz/sub?" },
  { value: "http://api.tsutsu.cc:520/sub?" },
  { value: "https://api2.tsutsu.cc/sub?" },
  { value: "https://api.v1.mk/sub?" },
  { value: "https://subcon.dlj.tf/sub?" },
  { value: "https://api.dler.io/sub?" },
  { value: "https://api.wcc.best/sub?" },
  { value: "https://api.hope140.live/sub?" },
  { value: "https://sub.proxypoolv2.tk/sub?" },
  { value: "https://sub.id9.cc/sub?" },
],

更多规则如下

{
    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"
      }
    ]
  },

3. 由于 heroku 免费账号一个月只有 550h 的使用时间，所以我们需要多账号，请参考这篇文章https://blog.imkcp.xyz/cf-workers/

同样是替换为 cf pagers 的网址或者自定义的 workers 地址

最后就是部署到中意的静态网页服务商了