ss-panel-v3-mod再次修改版安装教程

这个ss-panel-v3-mod再次修改版主要改动如下:

1、支持支付宝当面付,用户可以直接在面板内自助充值和购买。

2、用户界面重写,UI看上去很萌,比原版的界面说实话真的要好看太多。

3、增加了一个首页HTML5模版,这个模版很漂亮很精致,并且登录用户可以在模版上显示自己的SS使用情况。

安装宝塔

准备一台VPS,系统选择CentOS7。使用Xshell登录你的VPS安装宝塔面板:

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh

使用宝塔安装一个LNMP环境,注意PHP版本选择7.0,其他的默认即可。

环境安装好后,添加一个站点,绑定你的域名:
spanel-01.png

记住你的这个站点路径,回到Xshell中,进入到你的站点目录内:

cd /www/wwwroot/你的站点域名

下载面板程序文件:

git clone https://github.com/galaxychuck/ss-panel-v3-mod_UIChanges.git tmp && mv tmp/.git . && rm -rf tmp && git reset --hard

回到宝塔面板中,点击站点设置,添加伪静态规则:

location / {
                        try_files $uri $uri/ /index.php$is_args$args;
                }

如图:

spanel-02.png

接着点击网站目录,将运行目录改为/public,如图:

spanel-03.png

点击宝塔的软件管理,打开PHP7.0的设置页面,删除如下图的几个函数:

spanel-04.png

现在在你的站点根目录下找到storage目录,点击如图按钮修改权限:

spanel-05.png

给777并把所有者改为www:

spanel-06.png

现在下载面板程序到本地电脑,项目地址:

https://github.com/galaxychuck/ss-panel-v3-mod_UIChanges

下载方法:
spanel-07.png

创建导入数据库

此时打开宝塔面板内的phpmyadmin,新建一个数据库命名为sspanel:

spanel-08.png

导入我们刚下载到本地的数据库文件,数据库文件的路径是:

sql/glzjin_all.sql

如图:

spanel-09.png

回到宝塔面板中,进入config目录,编辑目录下的.config.php文件:

spanel-10.png

填写你的站点名字、域名、随机安全码:

spanel-11.png

填写你的数据库配置信息:

spanel-12.png

确定填写都是正确后,保存文件。

安装依赖

回到Xshell中,并在你的站点根目录内执行下面的命令开始安装依赖:

php composer.phar install

安装完成后如图所示:

spanel-13.png

添加计划任务

crontab -e
输入如下内容:
30 22 * * * php /www/wwwroot/你的站点域名/xcat sendDiaryMail
*/1 * * * * php /www/wwwroot/你的站点域名/xcat synclogin
*/1 * * * * php /www/wwwroot/你的站点域名/xcat syncvpn
0 0 * * * php -n /www/wwwroot/你的站点域名/xcat dailyjob
*/1 * * * * php /www/wwwroot/你的站点域名/xcat checkjob    
*/1 * * * * php -n /www/wwwroot/你的站点域名/xcat syncnas

退出并保存。

创建管理员账号

现在来创建面板的管理员账号:

php -n xcat createAdmin

一般输入这个命令后会有一些警告和错误信息,这里我们直接无视掉就好了,稍等一会儿就会提示让你输入管理员的邮箱之类的,照着填就行。

管理员账号创建完成后,现在来同步一下用户数据:

php xcat syncusers

回车即可同步完成。

完成

至此,该面板程序就部署完成了,可以打开浏览器看看长什么样子:
spanel-14.png

配置节点

现在来配置节点,首先使用我们的管理员账号登录到后台,填写节点信息:

spanel-15.png

注意节点名称这里,一定要按照如下的格式来填写:

香港 普通节点1 - 100M带宽
美国 VIP节点1 - 10G带宽

诸如此类的,你可以自行发挥,但总体的格式不能有变化。

现在回到Xshell中,安装SSR后端:

yum -y groupinstall "Development Tools"

wget https://github.com/jedisct1/libsodium/releases/download/1.0.16/libsodium-1.0.16.tar.gz

tar xf libsodium-1.0.16.tar.gz && cd libsodium-1.0.16

./configure && make -j2 && make install

echo /usr/local/lib > /etc/ld.so.conf.d/usr_local_lib.conf

ldconfig

然后

cd /root

yum -y install python-setuptools

easy_install pip

git clone -b manyuser https://github.com/glzjin/shadowsocks.git

cd shadowsocks

pip install -r requirements.txt

cp apiconfig.py userapiconfig.py

cp config.json user-config.json

以上命令一个个直接复制粘贴就行。

关闭CentOS7的防火墙:

systemctl stop firewalld.service

编辑后端配置文件,填写你的节点对应ID和数据库信息:

vi userapiconfig.py

按如图填写:
spanel-16.png

节点ID在哪里?如图:

spanel-17.png

确定都填写正确后,用调试模式先启动后端:

python server.py

看到如下图能够回显用户的连接信息就说明配置正常:
spanel-18.png

否则有问题,就自己根据报错信息来找原因。

确定没问题后,Ctrl+C退出来,输入如下命令将程序放到后台运行:

./run.sh

此时我们回到面板的节点列表这里,可以看到节点是在线状态:
spanel-19.png

使用肯定也是没有问题的。至此,这个面板就基本算是调教完毕了。有关此面板的更多设置和使用方法请自行研究。

QA

下面说一下你在使用此面板可能会遇到的问题:

Q:节点前面的图标怎么显示不了?

A:使用宝塔打开你站点如下路径:

/public/images/prefix

这里假设你的节点名称是“香港 普通节点1 – 100M带宽”那么你就需要把这个路径下对应的国旗图标重命名为“香港 普通节点1.jpg”

如图所示:
spanel-20.png

Q:ss-panel-v3-mod原版支持用户自定义加密、混淆,怎么这个面板没有了?

A:可能是作者出于某种原因,这个修改版默认是关闭了这些功能的,不过要重新打开也很简单。首先打开你的宝塔面板进入到如下路径:

/resources/views/material/user/

找到edit.tpl文件,编辑它,你可以在里面发现加密、混淆的功能都被注释掉了,我们先取消一下:
spanel-21.png

如何取消?将如上图中开头的HTML注释代码删除就好。然后你会发现在用户编辑界面消失的自定义加密界面就重新显示了,不过你会发现为何按钮是禁用的?

找到提交按钮所对应的HTML代码:

spanel-22.png

将这个属性删掉:

disabled="disabled"

最后改完就是这样:
spanel-23.png

OK,大功告成,现在用户就可以修改加密方式了:

spanel-24.png

同理混淆、协议也是可以按照这个方法修改的。这里就不重复造轮子了。

Q:这个面板的邀请码界面怎么没了?

A:邀请码界面还在,只是默认没显示出来,你可以访问你的站点+/code打开,如图:
spanel-25.png

Q:右下角的这个客服按钮一直显示错误,我该如何配置这个客服系统?

A:首先打开官网注册一个账号:https://crisp.chat/,然后找到你站点的如下路径:

/resources/views/material/user/

编辑main.tpl在481行,修改成你的客服ID。

Q:支付宝当面付如何配置?

A:首先你需要去支付宝申请当面付的接口,不过现在个人不是很好申请,但是网上有很多代办的,价格也都不贵,几十上百块就能申请一个下来。

假设你这里已经申请好接口了,那么打开你的站点配置文件.config.php,找到如下图的位置,填写你的接口信息就行了:
spanel-26.png

至此,我相信你看完这篇文章,你就对这个面板基本上了如指掌了,如果本文还有一些遗漏的地方,可以移步项目主页看看有没有什么值得你参考的:

https://github.com/galaxychuck/ss-panel-v3-mod_UIChanges

写在最后

这个ss-panel-v3-mod再次修改版,我觉得是一个非常不错的版本,可以拿来商用。最后贴几张此面板的截图吧:

首页已登录状态:
spanel-27.png

用户中心:

spanel-28.png

充值系统:

spanel-29.png

已有 3 条评论
  1. yy yy

    git clone 貌似失效了 chen大大 你能否解决下.....

  2. 尊敬的码农Chen大大:
    你好,我是一个技术小白对v3再次修改版蛮感兴趣的,也照着您的教程搞了一下,确实可以搭建好前端,但是我遇到几个问题,不知道您有没有时间给我耐心的讲解一下,第一个问题邮件的我用stmp形式也开通了126邮箱的,可是我自己还是没办法用别的邮箱注册,只能再xshell里面添加管理员,第二个问题,面板登陆界面别人搭建好的有html5的动画特别好看,我发现您的教程并没有了,不知道怎么弄出来呢!参考xinzhisuozai.vip这个小站。第三个问题首页的一些的背景和文字除了权利声明以外我该怎么自己修改呢?第四个问题,网站搭建好了前端,如果要修改一些比如开启邮箱验证码或者邀请注册这些,要怎么做呢?是重新搭建还是在config.php里面修改重启一下php就行了,为啥我这样弄了老是出错呢!最后不管您能不能解答我的问题,都很感谢您!!!

    1. starlink.one你可以看下那里面有我的TG群,有什么问题请在那里,或许我可以帮忙看下/

添加新评论