使用nginx管理docker容器

### 一直YY着想有一个基于web的docker管理器，市面上的都比较重，我只想要轻量一点的，于是想着自己做一个，直接部署在nginx里面，不占内存

先说说原理，其实很简单，docker提供了一套socket接口，基于unix套接字，只要实现nginx能通过socket访问docker基本就上就OK了。

于是想到了nginx + lua，由于服务器上有openresty，直接就拿来用了，通过lua-resty-http 模块，使用unix套接字访问docker的接口，没想到还真可以

代码很简单

docker.lua
```
local http = require "resty.http"

local _M = {}

-- 运行docker remote api，
function do_docker_cmd(uri, is_post)
    local httpc = http.new()
    local method = "GET"
    if is_post == true then
        method = "POST"
    end
    httpc:connect('unix:/var/run/docker.sock')
    local res, err = httpc:request({
        path = 'http://localhost' .. uri,
        method = method,
        headers = {
            ["Host"] = "localhost",
            ["Accept"] = "application/json",
            ["Accept-Encoding"] = "utf-8"
        }
    })
    if err then
       return nil, err
    end
    httpc:set_keepalive(60)
    if res.status == 500 then
        ngx.log(ngx.ALERT, res.body)
    end
    return res, nil
end

-- 获取所有容器
function _M.index()
    local resp, err = do_docker_cmd('/containers/json');
    if err then
        ngx.say(err);
        return
    end
    ngx.say(resp:read_body());
end

-- 停止容器
function _M.stop()
    local id = ngx.var.arg_id
    local resp, err = do_docker_cmd('/containers/' .. id .. '/stop', true);
    if err then
        ngx.say(err);
        return
    end
    ngx.say(resp:read_body());
end

-- 重启容器
function _M.restart()
    local id = ngx.var.arg_id
    local resp, err = do_docker_cmd('/containers/' .. id .. '/restart', true);
    if err then
        ngx.say(err);
        return
    end
    ngx.say(resp:read_body());
end
```

如果连不上，那可能是docker.sock文件没有权限，chmod 给一下权限就行了，或者把nginx 的用户改一下也行

剩下的就是写一个简单的页面 html + angular1，把容器都读出来，显示容器信息了，效果图如下：


我这里，只有两个操作，一个是停止 一个是重启，看日志功能没时间做

angularjs
```
function loadContainer() {
    $http.get('/app/docker').then(function (res) {
        $scope.containers = res.data
    })
}
$scope.stopContainer = function(item) {
    $http.get('/app/docker/stop', {params: {id: item.Id}}).then(function(res) {
        loadContainer();
    })
}
$scope.restartContainer = function(item) {
    $http.get('/app/docker/restart', {params: {id: item.Id}}).then(function(res) {
        loadContainer();
    })
}
$scope.showContainers = function() {
    var views = document.getElementsByClassName('ui-view');
    for (var i = 0; i < views.length; i++) {
        views[i].setAttribute('class', 'ng-hide ui-view');
    }
    document.getElementById('containers').setAttribute('class', 'ui-view')

    loadContainer();
}
```

html
```
<div id="containers" class="ng-hide ui-view">
            <div ui-view="list-c" class="console-container ng-scope" ng-animate="{enter:'fade-enter'}">
                <div class="console-title ng-scope">
                    <div class="pull-left">
                        <h5>容器列表</h5>
                        <ul class="nav nav-pills">
                            <!-- ngRepeat: item in vm.region -->
                            <li ng-repeat="item in vm.region" ng-class="{'active':vm.selectedRegion==item.region}"
                                class="ng-scope active">
                            </li><!-- end ngRepeat: item in vm.region -->
                        </ul>
                    </div>
                </div>

                <!-- ngIf: !vm.initial -->
                <div class="ng-isolate-scope">
                    <div>
                        <div class="searchSection inline-block"></div>
                        <div class="tagSearchSection inline-block margin-left"></div>
                    </div>
                    <div class="gridSection">
                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th>镜像名</th>
                                <th>容器名</th>
                                <th>创建时间</th>
                                <th>运行时间</th>
                                <th>状态</th>
                                <th>IP</th>
                                <th>暴露端口</th>
                                <th class="text-right">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <!-- ngRepeat: item in store --><!-- ngIf: !loadingState -->
                            <tr text-editor-trigger-target="" data-ng-if="!loadingState" bindonce=""
                                data-ng-repeat="item in containers" class="ng-scope">
                                <td><span ng-bind="item.Image"></span></td>
                                <td><a ng-href="{{'http://' + item.Names[0] + '.test.com/'}}" target="_blank" ng-bind="item.Names"></a></td>
                               
                                <td><span>{{(item.Created * 1000) | date: 'yyyy-MM-dd HH:mm:ss'}}</span></td>
                                <td><span ng-bind="item.Status"></span></td>
                                <td><span ng-bind="item.State"></span></td>
                                <td><span ng-bind="item.NetworkSettings.Networks.bridge.IPAddress"></span></td>
                                <td><span ng-bind="item.Ports[0].PrivatePort"></span></td>
                                <td class="text-right">
                                    <div image-list-actions="" config="item" table-handler="item.tableHandler"
                                    class="ng-isolate-scope">
                                    <a ng-show="item.State == 'running'" ng-click="stopContainer(item)">停止</a>
                                        <span class="text-explode">|</span>
                                    <a ng-click="restartContainer(item)">重启</a>
                                       
                                    </div>
                                </td>
                            </tr>
                            <!-- end ngRepeat: item in store -->
                            </tbody>
                        </table>
                    </div>

                </div>
            </div><!-- end ngIf: !vm.initial -->
        </div>
```

基本就是这个样子啦，不用登录服务器，就能管理docker容器了，然后简单的在nginx成配置一个 basic auth ，使用用户名密码登陆，成本很低，几乎没有什么内存消耗。是不是很轻量。