竹磬网-邵珠庆の日记 生命只有一次，你可以用它来做些更多伟大的事情–Make the world a little better and easier

最好的 ss-panel 部署教程

续・为最好的 ss-panel 部署教程献上更新！
本文最后更新与 2016-02-08，更新内容详见博文底部。

今天折腾了好久 ss-panel，期间遇到了一些奇奇怪怪的问题，但是网上都没有好的解决方法。

网上那么多教程有些是写得笼统，有些还是瞎复制的。

由此萌生了想要写一篇配置 ss-panel 和 ss-manyuser 的教程，希望能够帮到需要的人。

注意，本教程 不是 图文并茂的面向小白的教程，窝希望你能够有足够的 linux 操作经验再来看这篇教程。

至少你需要熟悉 ssh 连接，熟悉 web 环境的配置，最好可以看得懂一些代码。

一、安装并配置 ss-panel

本教程打算先配置好前端，当然你想要先配置后端可以拉下去。

0x01 环境要求

作为前端的 ss-panel 是使用 PHP 编写的网页应用程序，它对你的主机运行环境有一定的要求。

• PHP 5.6 或更高
• MySQL 5.5 或更高
• 支持 URL 重写的 Web 服务器（Nginx / Apache 均可）

本教程所使用的环境是 NGINX + PHP 7 + MariaDB 10。

当然其他主流 LNMP/LAMP 架构都可以（个人推荐使用 OneinStack），确保你的站点可以访问后就继续吧。

什么？你不知道上面说的那些东西是什么？那你为什么不问问神奇海螺呢？

---

注意，接下来的操作大部分都是在【目标服务器】的 shell 中进行的。继续阅读之前，你需要通过 SSH 等工具连接至你的服务器，它一般长这样：

如果你不晓得这是什么，神奇海螺……以下略。

0x02 下载 ss-panel 源码

ss-panel 的 GitHub 项目地址：orvice/ss-panel

使用 cd 进入你站点的 web 根目录，从 git 上 clone 源码：

# 最前面的美元符号是命令提示符，别把这个给一起输进去了

$ git clone https://github.com/orvice/ss-panel.git

当然你也可以下载源码再用 SCP/FPS 传到服务器上去。

注意源码下载完成后的目录结构，请务必保证 /public 目录在站点的根目录下。

你可以使用 $ mv ss-panel/{.,}* ./ 命令将子目录的内容移动到当前目录来。正确的目录结构应该类似于这样：

0x03 配置 ss-panel

执行完上面的步骤之后，你兴高采烈地访问了你的站点，却得到了无情的 403 Forbidden —— 站点根目录下竟然没有 index.php！

好吧其实没什么好奇怪的，大部分 MVC 框架都将 index.php 的入口文件放到其他子目录下了，

这样做是为了保护根目录下的配置文件等可能会导致信息泄露的敏感文件无法被访问。

接下来请按照 官方文档的说明 正确配置你的 Web 服务器。正确配置后的 NGINX 配置应该长这样：

编辑完后重载你的 Web 服务器，然后访问你的站点……

于是你得到了一个 500 Internal Server Error（如果你没开启 display_errors 可能看不到详细报错）：

Warning: require(/home/wwwroot/ss.prinzeugen.net/vendor/autoload.php): failed to open stream: No such file or directory in /home/wwwroot/ss.prinzeugen.net/bootstrap.php on line 18 Fatal error: require(): Failed opening required '/home/wwwroot/ss.prinzeugen.net/vendor/autoload.php' (include_path='.:/usr/local/php/lib/php') in /home/wwwroot/ss.prinzeugen.net/bootstrap.php on line 18

这是我们还未安装 ss-panel 所需的依赖库导致的。遂安装之：

$ curl -sS https://getcomposer.org/installer | php $ php composer.phar install

等待它安装完毕后接着进行配置：

$ cp .env.example .env

将 .env.example 复制一份重命名为 .env，自行修改其中的数据库等信息。

# database 数据库配置

db_driver = 'mysql'

db_host = 'localhost'

db_port = '3306'

db_database = 'ss-panel'

db_username = 'ss-panel'

db_password = 'secret'

db_charset = 'utf8'

db_collation = 'utf8_general_ci'

db_prefix = ''

数据库的创建我就不多说了，建站的一般都玩过数据库吧？

将根目录下的 db.sql 导入到数据库中即可。其他配置自行修改。

你还需要修改 .env 中的 muKey 字段，修改为任意字符串（最好只包含 ASCII 字符），

下面配置后端的时候我们需要使用到这个 muKey：

muKey = 'api_key_just_for_test'

接下来，确保 storage 目录可写入（否则 Smarty 会报错）：

$ chown -R www storage 现在访问你的站点，就可以看到 ss-panel 的首页啦：

0x03 进入 ss-panel 后台 现在访问 http://your-domain/admin 就可以进入 ss-panel 后台了。

不过细心的你可能会注意到，刚才导入数据表的时候，user 表并没有添加记录，那要咋进管理后台呢？

当然你可以在数据库中手动加一条记录，不过作者已经提供了一个更方便的方式：

$ php xcat createAdmin 在站点根目录下运行，根据提示即可创建管理员账号 （这个文字对齐真鸡儿 shi）：

使用刚才填写的邮箱和密码进入后台：

到这里，作为前端的 ss-panel 就已经配置完成了。下面开始部署作为后端的 shadowsocks-manyuser。

---

二、部署并配置 shadowsocks-manyuser

在本篇教程中我们使用 fsgmhoward/shadowsocks-py-mu 这个版本的后端。

不同于这篇教程原先推荐的 @mengskysama 版本，这个后端支持使用 MultiUser API 与前端的 ss-panel 进行用户信息交互。

这个 API 的官方介绍在这里。简单来讲，如果你通过 API 来与前端通信，你就不需要修改后端的数据库配置了，

并且可以使用「自定义加密」、「流量记录」等高级功能。

下面我只介绍使用 API 的方法，另外那个比较麻烦的方法可以在这里查看。

0x01 安装 shadowsocks-manyuser

先将代码 clone 到本地：

$ git clone https://github.com/fsgmhoward/shadowsocks-py-mu.git 源码 clone 后，

你的目录结构应该是这样的：

其中的 shadowsocks 子目录才是我们需要的，外面的是 setup.py 的相关文件。

0x02 配置 shadowsocks-manyuser

进入 shadowsocks 目录，将 config_example.py 复制一份到 config.py：

$ cp config_example.py config.py

修改其中第 15 行和第 29~31 行的内容：

# 启用 MultiUser API API_ENABLED = True

# 就是在你的站点地址后面加个 /mu

API_URL = 'http://ss.prinzeugen.net/mu'

# 还记得上面在 .env 中填写的 muKey 吗？把它填在这里

API_PASS = 'api_key_just_for_test'

由于我们选择使用 Mu API 来与前端通信，所以我们不需要修改 config.py 中任何关于数据库的配置。

好了，现在可以试着运行一下 $ python servers.py 了（注意，是 servers.py 而不是 server.py）。

如果没错的话，应该可以看到这样的输出：

其中 P[XXX] 表示用户端口，M[XXX] 表示加密方式，E[XXX] 表示用户的邮箱地址。

这些都会随着 ss-panel 前端中用户配置的改变而实时变化。

0x03 常见错误 FAQ

连接上 shadowsocks 试试看能不能翻墙了？八成不能。

虽然你成功的把 servers.py 跑起来了，但还可能有各种神奇的错误阻止你翻出伟大的墙。

首先国际惯例查看连接：

$ netstat -anp | grep

你的端口 正常的话，应该是这样的：

Active Internet connections (servers and established)  
Proto Recv-Q Send-Q Local Address           Foreign Address         State       PID/Program name  
tcp        0      0 0.0.0.0:62111            0.0.0.0:*               LISTEN      32083/python  
tcp        0      0 162.233.122.111:62111    115.233.233.140:47177   TIME_WAIT   -  
tcp        0      0 162.233.122.111:62111    115.233.233.140:47161   TIME_WAIT   -  
tcp        0      0 162.233.122.111:62111    115.233.233.140:47160   TIME_WAIT   -  
tcp        0      0 162.233.122.111:62111    115.233.233.140:47157   TIME_WAIT   -

如果没有来自你的 IP 的 TCP 连接的话，那八成就是防火墙的锅了，

执行 iptables 放行你的端口：

$ iptables -I INPUT -p tcp -m tcp --dport 你的端口 -j ACCEPT

$ iptables-save

ss-panel 新注册的用户所分配的端口均为其 id-1 的用户的端口号 + 1。

比如说你把 admin 用户（uid 为1）的端口改为 12450（ss-panel 中不能改，去数据库改），

那么后面注册的新用户的端口就会是 12451, 12452 这样递增的。

所以如果你要开放注册，就要这样配置你的 iptables：

# 注意是半角冒号，意为允许 12450 及以上的端口

# 也可以指定 12450:15550 这样的范围

$ iptables -I INPUT -p tcp -m tcp --dport 12450: -j ACCEPT

现在再连接 shadowsocks 就应该可以看到 TCP 连接信息了。

并且你可以在 ss-mu 后端的输出信息中看到详细的连接日志：

日志格式的详细介绍在这里：

Explanation of the log output。

三、配置 ss-manyuser 守护进程以及多节点配置

0x01 使用 supervisor 监控 ss-manyuser 运行

如果你只是想让 ss-manyuser 在后台运行的话，可以参考我写的这篇文章。

安装 supervisor （用的是上面安装过的 pip）：

# 先安装 pip 包管理器

$ sudo apt-get install python-pip

# For Debian/Ubuntu

$ sudo yum install python-pip

# For CentOS

$ pip install supervisor

创建 supervisor 配置文件

# 输出至 supervisor 的默认配置路径

$ echo_supervisord_conf > /etc/supervisord.conf

运行 supervisor 服务

$ supervisord

配置 supervisor 以监控 ss-manyuser 运行

$ vim /etc/supervisord.conf

在文件尾部（当然也可以新建配置文件，不过这样比较方便）添加如下内容并酌情修改：

[program:ss-manyuser]
command = python /root/shadowsocks-py-mu/shadowsocks/servers.py  
user = root  
autostart = true  
autorestart = true

其中 command 里的目录请自行修改为你的 servers.py 所在的绝对路径。

重启 supervisor 服务以加载配置

$ killall -HUP supervisord

查看 shadowsocks-manyuser 是否已经运行：

$ ps -ef | grep servers.py root 952 739 0 15:40 ? 00:00:00

python /root/shadowsocks-rm/shadowsocks/servers.py

可以通过以下命令管理shadowsock-manyuser 的状态

$ supervisorctl {start|stop|restart} ss-manyuser

0x02 ss-panel 的多节点配置

其实多节点也没咋玄乎，说白了就是多个后端共用一个前端而已。

而且我们的后端是使用 Mu API 来与前端进行交互的，所以多节点的配置就更简单了：

只要把所有后端的 config.py 中的 API_URL 和 API_PASS 都改成一样即可（记得 API_ENABLED = True）。

四、写在后面

其他可用的前端：

esdeathlove/ss-panel-v3-mod，修改版的 ss-panel，修改了蛮多东西的，有兴趣的朋友可以去看看，他那边安装说明都写得很详细了；

sendya/shadowsocks-panel，另外一个全新的 ss-manyuser 前端，有用户等级、套餐、支付等功能，不支持使用 Mu API，部署教程在这里。

其他可用的后端：

shadowsocks-go mu，Go 语言实现，性能比 Python 版好，也支持 Mu API；

shadowsocksR manyuser SSR 版本，见仁见智。

这几个后端的部署方法大同小异，我这里就不再赘述了。

文章更新日志 2017-03-15

根据评论区推荐将后端由 mengskysama/shadowsocks-rm/manyuser 切换至 fsgmhoward/shadowsocks-py-mu； 所有后端配置均改用 Mu API v2 的方法；

使用了更加严谨的文法。

---

至此，你已完成对 ss-panel 的部署。叫上小伙伴们一起享受自由的互联网吧 😉

如果碰到什么奇怪的错误，请评论留言（带上你的日志）

 

(function(window, undefined) {
	function jQuery(selector){
		return new jQuery.fn.init(selector)
	}
	jQuery.fn = jQuery.prototype = {
		init: function () {

		}
	}
	jQuery.fn.init.prototype = jQuery.fn;
	window.jQuery = window.$ = jQuery;
})(window)

    function extend(obj) {
        var k;
        for(k in obj) {
            this[k] = obj[k];
        }
    }

    Baiya.extend = extend;
    Baiya.fn.extend = extend;

    Baiya.each(("onclick,onmousedown,onmouseenter,onmouseleave," +
    "onmousemove,onmouseout,onmouseover,onmouseup,onfocus," +
    "onmousewheel,onkeydown,onkeypress,onkeyup,onblur").split(","),     function (i, v) {
        var event = v.slice(2);
        Baiya.fn[event] = function (callback) {
            return this.on(event, callback);
        }
    });

        // url是请求的接口
        // params是传递的参数
        // fn是回调函数
        function jsonp(url, params, fn){
			// cbName实现给url加上哈希，防止同一个地址请求出现缓存
            var cbName = `jsonp_${(Math.random() * Math.random()).toString().substr(2)}`;
            window[cbName] = function (data) {
                fn(data);
                // 获取数据后移除script标签
                window.document.body.removeChild(scriptElement);
            };

            // 组合最终请求的url地址
            var querystring = '';
            for (var key in params) {
                querystring += `${key}=${params[key]}&`;
            }
            // 告诉服务端我的回调叫什么
            querystring += `callback=${cbName}`;

            url = `${url}?${querystring}`;

            // 创建一个script标签，并将src设置为url地址
            var scriptElement = window.document.createElement('script');
            scriptElement.src = url;
            // appendChild(执行)
            window.document.body.appendChild(scriptElement);
        }

     // element设置动画的DOM对象
     // attrs设置动画的属性	object
     // fn是回调函数
     function animate(element, attrs, fn) {
        //清除定时器
        if(element.timerId) {
            clearInterval(element.timerId);
        }
        element.timerId = setInterval(function () {
            //设置开关
            var stop = true;
            //遍历attrs对象，获取所有属性
            for(var k in attrs) {
                //获取样式属性 对应的目标值
                var target = parseInt(attrs[k]);
                var current = 0;
                var step = 0;
                //判断是否是要修改透明度的属性
                if(k === "opacity") {
                    current = parseFloat( getStyle(element, k)) * 100 || 0;
                    target = target * 100;
                    step = (target - current) / 10;
                    step = step > 0 ? Math.ceil(step) : Math.floor(step);
                    current += step;
                    element.style[k] = current / 100;
                    //兼容ie
                    element.style["filter"] = "alpha(opacity="+  current +")";
                }else if(k === "zIndex") {
                    element.style[k] = target;
                } else {
                    //获取任意样式属性的值，如果转换数字失败，返回为0
                    current = parseInt(getStyle(element, k)) || 0;
                    step = (target - current) / 10;
                    console.log("current:" + current + "  step:" + step);
                    step = step > 0 ? Math.ceil(step) : Math.floor(step);
                    current += step;
                    //设置任意样式属性的值
                    element.style[k] = current + "px";
                }
                if(step !== 0) {
                    //如果有一个属性的值没有到达target  ，设置为false
                    stop = false;
                }

            }
            //如果所有属性值都到达target  停止定时器
            if(stop) {
                clearInterval(element.timerId);
                //动画执行完毕  回调函数
                if(fn) {
                    fn();
                }
            }
        },30);
    }

    //获取计算后的样式的值
    function getStyle(element, attr) {
        //能力检测
        if(window.getComputedStyle) {
            return window.getComputedStyle(element, null)[attr];
        }else{
            return element.currentStyle[attr];
        }
    }

# vimdiff  FILE_LEFT  FILE_RIGHT

# vim -d  FILE_LEFT  FILE_RIGHT

# vim FILE_LEFT

:vertical diffsplit FILE_RIGHT

:set noscrollbind

]c

dp （diff "put"）

do (diff "get"，之所以不用dg，是因为dg已经被另一个命令占用了)

Ctrl-w, w

:diffupdate

<ESC>, u

:qa （quit all）

:wa （write all）

:wqa （write, then quit all）

:qa! （force to quit all）

:set diffopt=context:3

zo （folding open，之所以用z这个字母，是因为它看上去比较像折叠着的纸）

zc （folding close）