准备工作
- VPS一台并装好主流的系统(演示用Debian)
- 域名托管到 Cloudflare
- 解析两个域名(一个用于前端,一个用于后端)
在 Cloudflare 解析两个域名
前端 我们使用 sub.iscakes.com 进行解析
后端 我们使用 suc.iscakes.com 进行解析
(PS:其他大神介绍为了服务器安全,建议开启小云朵,也就是开启CDN)
设置 Cloudflare 的 SSL/TLS 为以下配置
搭建Sub-Web前端
更新系统并安装 Node 与 Yarn
依次运行下面四行代码,若是 CentOS 系统,请自行替换下面前两行命令中的 apt 为 yum
- apt update -y
- apt install -y curl wget sudo nodejs git
- apt install npm
- npm 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 文件
找到项目 backendOptions: 替换后面的 http://127.0.0.1:25500/sub? 为 https://suc.iscakes.com/sub?
配置完毕刷新前端网页
配置完毕以后,程序会自动更新,再次刷新前端网页,会出现刚才添加的相关规则,如图所示
至此,我们的前端搭建完毕,我们现在需要打包,生成一个发布目录
首先停止调试程序,CTRL+C ,退出当前调试,然后在:sub-web 执行下面的命令进行打包:
- yarn build
执行以下打包命令,在 /root/sub-web 下面会生成一个 dist 目录,这个目录即为网页的发布目录
安装BT面板并设置网站
系统运行下面的命令安装宝塔面板(或从官网寻找自己系统版本进行安装)
Ubuntu安装命令
- wget -O install.sh https://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh ed8484bec
Centos安装命令
- yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec
Debian安装命令
- wget -O install.sh https://download.bt.cn/install/install-ubuntu_6.0.sh && bash install.sh ed8484bec
宝塔安装完毕后,使用提示的账号密码进行登入,需注册绑定手机账号。
- 进行下载:Nginx
- 下载完毕后,在左栏目的站点,添加在Cloudflare 解析的两个站点,并作ssl证书部署,且打开强制使用HTTPS。
- 将在/root/sub-web 的 dist 目录内容复制到站点:sub.iscakes.com 的根目录里面(原根目录的内容要先删掉)
- 在网站-站点,选择suc.iscakes.com 的设置,进行反向代理设置
- 添加反向代理:目录url:输入:http://127.0.0.1:25500 点击保存。
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= 随意设置自己知道就行
- managed_config_prefix= 输入设置成我们刚刚解析的后端域名
- listen=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
至此,我们后端也搭建完毕了,就可以在浏览器里面输入我们的后端地址(正常的话,会返回下面的图例)
博主真是太厉害了!!!
博主真是太厉害了!!!
博主真是太厉害了!!!
叼茂SEO.bfbikes.com
不错不错,我喜欢看
不错不错,我喜欢看
叼茂SEO.bfbikes.com
叼茂SEO.bfbikes.com
怎么收藏这篇文章?
怎么收藏这篇文章?
不错不错,我喜欢看 https://www.237fa.com/
想想你的文章写的特别好https://www.237fa.com/
不错不错,我喜欢看 https://www.237fa.com/
不错不错,我喜欢看 https://www.237fa.com/
不错不错,我喜欢看 https://www.ea55.com/
不错不错,我喜欢看 https://www.ea55.com/
看的我热血沸腾啊https://www.ea55.com/
不错不错,我喜欢看 www.jiwenlaw.com
看的我热血沸腾啊www.jiwenlaw.com
文章的确不错啊https://www.cscnn.com/
文章的确不错啊https://www.cscnn.com/
哈哈哈,写的太好了https://www.cscnn.com/
文章的确不错啊https://www.cscnn.com/