本文介绍搭建一个在线订阅地址转换网站.

开始搭建

后端

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.访问以下网址，来检测是否安装成功

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

如果显示这样，就成功了

koyeb

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

github项目地址

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

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

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

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

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