Docker 部署 WebSSH 网页版终端 🔐

WebSSH Banner

📋 目录导航

🎯 项目简介

WebSSH 是一个基于 Web 的 SSH 客户端，允许你通过浏览器直接访问和管理服务器的终端。无需安装额外的 SSH 客户端软件，只需一个浏览器即可随时随地安全地管理你的服务器。

🛠️ 核心特性

特性类别 功能描述 优势
🌐 网页版终端 纯网页版 SSH 终端 无需安装客户端，随时随地访问
🔐 安全认证 支持标准 SSH 协议和认证 保障连接安全性
📱 响应式设计 支持移动设备访问 在手机和平板上也能正常使用
💾 会话保持 支持断线重连功能 确保连接稳定性
🐳 Docker 部署 容器化部署方案 简单便捷，易于管理
🔧 多标签页 支持多标签页会话管理 同时管理多个服务器连接
🎨 主题定制 支持多种终端颜色主题 个性化使用体验
📋 复制粘贴 浏览器与终端间复制粘贴 提高操作效率

🐳 一、Docker 部署 WebSSH

1. 创建部署目录和 docker-compose.yml 文件 📁

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
mkdir -p /mnt/mydisk/home/webssh && cd $_ && \
cat > docker-compose.yml <<'EOF'
services:
  webssh:
    container_name: webssh
    image: jrohy/webssh:latest
    restart: always
    ports:
      - "2222:5032"
    environment:
      - TZ=Asia/Shanghai
      - PUID=1000
      - PGID=1000
    volumes:
      - ./data:/app/data
EOF

👥 用户权限说明：将 PUID 和 PGID 替换为您系统的实际用户ID和组ID（通过 id 命令查看）

2. 拉取镜像并启动容器 🚀

1
docker-compose up -d

🚀 二、使用 WebSSH

1. 访问 Web 界面 💻

2. 首次使用步骤 🎯

  1. 打开浏览器访问上述地址
  2. 在登录界面输入 SSH 连接信息：
    • 主机地址：目标服务器的 IP 或域名
    • 端口：SSH 端口（默认为 22）
    • 用户名：SSH 用户名
    • 密码/密钥：SSH 认证凭据
  3. 点击连接，开始使用网页版终端

🌐 三、Nginx 反向代理配置

访问地址示例：https://webssh.example.com

1. 创建 Nginx 配置文件 🔧

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
mkdir -p /etc/nginx/conf.d && \
cat > /etc/nginx/conf.d/webssh.conf <<'EOF'
server {
    listen 443 ssl;
    listen [::]:443 ssl;
    server_name webssh.example.com;   # 替换为你的域名

    # SSL 证书
    ssl_certificate /etc/nginx/keyfile/cert.pem;
    ssl_certificate_key /etc/nginx/keyfile/key.pem;
    ssl_protocols TLSv1.2 TLSv1.3;
    ssl_prefer_server_ciphers off;
    ssl_ciphers ECDHE+AESGCM:ECDHE+CHACHA20:!aNULL:!MD5;

    # 安全头部
    add_header X-Frame-Options DENY;
    add_header X-Content-Type-Options nosniff;
    add_header X-XSS-Protection "1; mode=block";

    # 文件大小限制
    client_max_body_size 100M;

    location / {
        proxy_pass http://127.0.0.1:2222;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_http_version 1.1;
        proxy_buffering off;

        # WebSocket 支持
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }

    # 错误页
    error_page 404 500 502 503 504 /50x.html;
    location = /50x.html {
        root /usr/share/nginx/html;
    }
}
EOF

2. 测试并重载 Nginx 🔄

1
sudo nginx -t && sudo systemctl reload nginx

🔧 四、容器维护命令

1. Docker Compose 命令 🐳

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
# 进入项目目录（请替换为您的实际目录）
cd /path/to/your/project

# 停止并删除容器
docker-compose down

# 拉取最新镜像
docker-compose pull

# 启动容器
docker-compose up -d

# 仅启动指定服务（请替换 <service_name> 为实际服务名）
docker-compose up -d <service_name>

# 查看服务状态
docker-compose ps

# 查看服务日志
docker-compose logs

# 跟踪服务日志
docker-compose logs -f

# 查看指定服务日志（请替换 <service_name> 为实际服务名）
docker-compose logs <service_name>

# 完整升级流程
docker-compose down && \
docker-compose pull && \
docker-compose up -d && \
docker image prune -f

2. Docker 容器命令 📦

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
# 查看所有容器名称
docker ps -a --format "{{.Names}}"

# 查看运行中容器
docker ps

# 停止/启动/重启容器（请替换 <container_name> 为实际容器名）
docker stop <container_name>      # 停止容器
docker start <container_name>     # 启动容器  
docker restart <container_name>   # 重启容器

# 删除容器
docker rm <container_name>        # 删除已停止容器
docker rm -f <container_name>     # 强制删除运行中容器

# 进入容器Shell
docker exec -it <container_name> sh      # 使用sh进入容器
docker exec -it <container_name> bash    # 使用bash进入容器

# 以root身份进入容器  
docker exec -u 0 -it <container_name> sh

# 在容器中执行命令
docker exec <container_name> ls -la

# 查看容器详情和资源使用
docker inspect <container_name>     # 查看详细配置
docker stats <container_name>       # 实时资源监控

## 容器日志管理
docker logs <container_name>           # 查看日志
docker logs -f <container_name>        # 实时跟踪日志
docker logs --tail 100 <container_name>  # 查看最后100行
docker logs -t <container_name>        # 带时间戳的日志

3. Docker 镜像管理 📀

1
2
3
4
docker images                  # 列出所有镜像
docker rmi <image_name:tag>    # 删除指定镜像（请替换为实际镜像名和标签）
docker image prune -f          # 清理悬空镜像
docker image prune -a -f       # 清理所有未使用镜像

🌟 启航远程管理，探索无限可能

通过本文档，你已经成功使用 Docker 部署了 WebSSH 网页版终端，并借助 Nginx 反向代理实现了安全便捷的远程访问。现在，你可以：

🌐 随时随地 通过浏览器访问服务器终端，无需安装任何客户端，打破设备和地点限制
🔐 安全可靠 基于标准 SSH 协议，保障连接安全性和数据传输的加密性
📱 多端兼容 在电脑、手机、平板等各种设备上获得一致的终端体验
⚡ 高效便捷 简单的网页访问方式，大幅提升服务器管理效率和灵活性

远程管理是运维工作的重要环节，便捷访问是效率提升的关键。愿 WebSSH 成为你服务器管理旅程中的得力助手，帮助你随时随地保持对服务器的完全控制。

从现在开始，连接无界，管理随心——构建你灵活高效的远程运维平台吧！🚀

📌 持续关注：建议留意 WebSSH 项目更新，获取最新功能与优化。
🐛 反馈与支持：使用中遇到问题或有建议，可前往 GitHub Issues 提出。

祝你使用愉快，运维高效！🎉