前端通过Nginx反向代理执行Docker容器命令

要实现前端输入命令行，通过Nginx反向代理到Docker.sock，返回容器中运行前端发送的命令行运行后的结果，需要进行以下步骤：

安装Docker和Nginx，确保Docker.sock文件在/var/run/docker.sock目录中存在。
配置Nginx：在nginx.conf文件中添加以下配置：

server {
    listen 80;
    server_name example.com;

    location / {
        proxy_pass http://unix:/var/run/docker.sock:;  
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

这个配置将所有的请求都代理到docker.sock文件中，同时将一些头信息传递给docker.sock文件。

在容器中运行前端发送的命令行，并将结果返回给前端。

可以使用Docker API来实现这个功能，可以通过以下命令来运行容器中的命令：

curl --unix-socket /var/run/docker.sock -H 'Content-Type: application/json' -d '{"Cmd":["ls"],"AttachStdout":true,"AttachStderr":true}' -X POST http:/v1.24/containers/{container_id}/exec

其中，{container_id}是要运行命令的容器的ID，这个命令将运行ls命令，并将结果返回给前端。

在前端中发送命令行请求，并接收运行结果。

可以使用Ajax来发送请求，例如：

$.ajax({
    type: "POST",
    url: "http://example.com",
    data: { command: "ls" },
    success: function(data){
        console.log(data);
    },
    error: function(jqXHR, textStatus, errorThrown) {
        console.log(textStatus, errorThrown);
    }
});

这个请求将发送一个命令行请求，将命令行发送到Nginx反向代理服务器，然后将命令行发送到docker.sock文件中运行，并将结果返回给前端。

以上就是实现前端输入命令行，通过Nginx反向代理到Docker.sock，返回容器中运行前端发送的命令行运行后的结果的步骤和Nginx配置。