全新的shadowsocks网络面板：django-sspane

2018-10-31 本文已影响10人此十八

昨天晚上登录了一下不常上的Telegram，无意间翻看某群组的时候看到有人截了一张图，图中的内容就是django-sspanel。顿时本屌就来了兴趣，果断去Github上搜了一下，就发现了大佬的这个项目~

这个面板主要吸引我的在于三个点：

1、完全全新的架构，后端采用的django。

2、界面实在是太好看，无论是前端还是后台界面都太美了~

3、作者更新特别勤快，感觉作者是在很认真的维护这个项目，潜力巨大~

今天LALA就来写一篇这个面板的详细安装教程，其实作者自己的wiki中也有安装部署的教程，但是不够全面和详细，实际上如果按照作者的教程去做，会有很多问题=。=

当然LALA之前也写过很多其他SS面板的安装教程，如有其他需要，各位可以参考下面的文章：

还有一些与IDC销售面板的对接教程：

WHMCS整合Shadowsocks实现购买与自动开通

SWAPIDC整合Shadowsocks实现购买与自动开通

那么进入今天的正题，准备一台VPS或者独立服务器，系统选择CentOS7X64。使用Xshell登录你的机器。

安装Git：

安装pyenv：

<pre class="prettyprint" style="box-sizing: border-box; overflow: auto; font-family: "courier new"; font-size: 12px; display: block; padding: 10px 15px; margin: 20px 0px; line-height: 20px; color: rgb(248, 248, 212); word-break: break-all; word-wrap: break-word; background: rgb(39, 40, 34); border: none; border-radius: 4px; max-height: 637px; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">git clone https://github.com/pyenv/pyenv.git ~/.pyenv</pre>

设置环境变量：

<pre class="prettyprint" style="box-sizing: border-box; overflow: auto; font-family: "courier new"; font-size: 12px; display: block; padding: 10px 15px; margin: 20px 0px; line-height: 20px; color: rgb(248, 248, 212); word-break: break-all; word-wrap: break-word; background: rgb(39, 40, 34); border: none; border-radius: 4px; max-height: 637px; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">echo 'export PYENV_ROOT=" $HOME/.pyenv"' >> ~/.bash_profile echo 'export PATH="$ PYENV_ROOT/bin:$PATH"' >> ~/.bash_profile</pre>

增加pyenv init到SHELL：

<pre class="prettyprint" style="box-sizing: border-box; overflow: auto; font-family: "courier new"; font-size: 12px; display: block; padding: 10px 15px; margin: 20px 0px; line-height: 20px; color: rgb(248, 248, 212); word-break: break-all; word-wrap: break-word; background: rgb(39, 40, 34); border: none; border-radius: 4px; max-height: 637px; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">echo 'eval "$(pyenv init -)"' >> ~/.bash_profile</pre>

令其生效：

安装Python所需的相关依赖：

<pre class="prettyprint" style="box-sizing: border-box; overflow: auto; font-family: "courier new"; font-size: 12px; display: block; padding: 10px 15px; margin: 20px 0px; line-height: 20px; color: rgb(248, 248, 212); word-break: break-all; word-wrap: break-word; background: rgb(39, 40, 34); border: none; border-radius: 4px; max-height: 637px; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">yum -y install gcc
yum -y install make
yum -y install zlib zlib-devel
yum -y install readline readline-devel readline-static yum -y install openssl openssl-devel openssl-static yum -y install sqlite-devel
yum -y install bzip2-devel bzip2-libs</pre>

安装Python3.6.1：

稍等片刻应该就安装好了，此时可以输入如下命令查看相关信息：

回显的内容中有3.6.1等字样则说明安装成功：

image

安装宝塔WEB面板：

<pre class="prettyprint" style="box-sizing: border-box; overflow: auto; font-family: "courier new"; font-size: 12px; display: block; padding: 10px 15px; margin: 20px 0px; line-height: 20px; color: rgb(248, 248, 212); word-break: break-all; word-wrap: break-word; background: rgb(39, 40, 34); border: none; border-radius: 4px; max-height: 637px; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh</pre>

安装完成后，新建一个LNMP环境，组件按如图选择：

image

其实django-sspanel实际所需用到的组件只有Nginx和MySQL，PHP其实可选，但是为了往后能对数据库进行更好的管理，安装phpmyadmin还是非常有必要的，所以就一同安装一个PHP吧。

等环境安装好后，点击面板上的网站，新建一个站点：

image

在新窗口中输入你的站点域名以及创建一个FTP账号，这里就不截图了，都是很简单的操作。新建完成后进入到你的站点根目录。

（这一步已经不需要，请看文章下面的更新）打开django-sspanel的Github项目主页，下载源码到本地：https://github.com/Ehco1996/django-sspanel

（这一步已经不需要，请看文章下面的更新）解压压缩包，进行一次不包含文件夹的重压缩，压缩完成后的目录结构应该是这样的：

image

（这一步已经不需要，请看文章下面的更新）将压缩包通过宝塔面板上传到你的站点根目录：

image

（这一步已经不需要，请看文章下面的更新）解压压缩包：

image

回到Xshell中安装virtualenv：

创建django-sspanel的虚拟运行环境：

看到如下图的回显就说明创建成功了：

image

（这一步已经不需要，请看文章下面的更新）切换到项目目录，这里就是你的站点根目录，一般为：

这里路径可以在宝塔面板上轻松找到，一定要正确！

将网站根目录的环境设置为virtualenv：

安装程序所需的其他第三方包：

看到如下图回显就说明安装完成了：

image

回到宝塔面板中，点击数据库打开phpmyadmin：

image

新建一个数据库，命名为：sspanel。

image

回到宝塔面板中，点击进入你站点根目录中的如图文件夹：

image

编辑simple_setting_product.py文件：

image

填写你的数据库相关信息，以及修改你的站点域名，如图：

image

回到Xshell中，创建数据表：

创建完成后应该是如图这样的：

image

测试一下项目是否能正常运行：

看到如图回显则说明运行正常：

image

按键盘组合键Ctrl+C结束运行。

创建管理员账号：

按如图填写相应信息即可：

image

回到宝塔面板中，点击编辑你站点根目录内的uwsgi.ini文件：

image

修改里面的域名、站点目录路径为你自己的：

<pre class="prettyprint" style="box-sizing: border-box; overflow: auto; font-family: "courier new"; font-size: 12px; display: block; padding: 10px 15px; margin: 20px 0px; line-height: 20px; color: rgb(248, 248, 212); word-break: break-all; word-wrap: break-word; background: rgb(39, 40, 34); border: none; border-radius: 4px; max-height: 637px; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">[uwsgi] # variables projectname = django-sspanel
projectdomain = '你的站点域名' base = /www/wwwroot/你的站点域名/django-sspanel # config chdir= /www/wwwroot/你的站点域名/django-sspanel/ plungins = python
socket = 127.0.0.1:8080 module = django_sspanel.wsgi:application
pidfile = /tmp/django-sspanel
master = True vacuum = True</pre>

接着点击你的网站设置，找到伪静态这一栏：

image

填写如下规则：

<pre class="prettyprint" style="box-sizing: border-box; overflow: auto; font-family: "courier new"; font-size: 12px; display: block; padding: 10px 15px; margin: 20px 0px; line-height: 20px; color: rgb(248, 248, 212); word-break: break-all; word-wrap: break-word; background: rgb(39, 40, 34); border: none; border-radius: 4px; max-height: 637px; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">location /media { alias /www/wwwroot/你的站点域名/django-sspanel/media; # your Django project's media files - amend as required } location /static { alias /www/wwwroot/你的站点域名/django-sspanel/static; #静态文件地址，js/css expires 12h; } location / { include uwsgi_params; uwsgi_pass 127.0.0.1:8080; }</pre>

回到Xshell中运行项目：

至此，前端网站就搭建完毕了，不出意外，现在你就可以打开你的站点看到如下界面了：