使用PHP-SSH2-Web-Client实现web页面ssh登陆

前提

• ubuntu20.04
• 已经安装好lnmp环境

实现原理

• 后端使用websocket监听在服务器的特定端口上，比如8081
• 前端页面获取用户填写的要连接的ssh主机IP、用户名、密码，然后将其打包通过websocket发送到本机的8081端口
• 后端接收到前端的数据后，使用ssh2连接到相应的主机，并建立前前面页面的数据通道
• 前端生成xterm样式的终端，并将交互数据发送到后端，后端再中继到目的服务器

install swoole

https://www.swoole.com/download

wget https://wenda-1252906962.file.myqcloud.com/dist/v4.8.11/swoole-src-4.8.11.tar.gz
tar -zxvf swoole-src-4.8.11.tar.gz
cd swoole-src-4.8.11
phpize
./configure
make
make install
php -i |grep php.ini
sudo vi /etc/php/7.4/cli/php.ini
extension=swoole.so

install ssh2

sudo apt install libssh2-1 libssh2-1-dev
sudo pecl install ssh2
php -i |grep php.ini
sudo vi /etc/php/7.4/cli/php.ini
extension=ssh2.so

install php-ssh2-web-client

• 下载php-ssh2-web-client代码

git clone https://github.com/ershou/PHP-SSH2-Web-Client.git

• 将代码拷贝至lnmp网站存放的目录

sudo mv PHP-SSH2-Web-Client /home/wwwroot/

• add php-ssh2 directory to nginx
  sudo vi /usr/local/nginx/conf/nginx.conf

server
    {
        listen 80 default_server reuseport;
        server_name _;
        index index.html index.htm index.php;
        root  /home/wwwroot/PHP-SSH2-Web-Client;

• 修改server允许http访问
  vi server/coposer.json在require下面添加

    "config": {
        "secure-http": false
    }

• 安装运行依赖

cd /home/wwwroot/PHP-SSH2-Web-Client
sudo npm install
cd server
composer install

• 修改后端websocket.php监听的端口
  vi server/bin/websocket.php
  第35行即为监听端口号，可根据需要进行修改。前端页面将使用这个端口与其进行通信
• 修改前端index.html
  vi index.html
  第81行修改为

var wSocket = new WebSocket("ws:192.168.13.63:8081");

其中192.168.13.63是我的服务器IP
第96-99行修改为

"server":"192.168.13.63",
"port":22,
"user":"root",
"password":"xxxx"

第110行添加

ConnectServer();

这里没有使用前端获取到的ssh连接信息，直接写的本机的ssh连接信息，仅用于测试

运行

• 开启后端后台运行

sudo php server/bin/websocket.php 2>&1 >/dev/null &

• 重启nginx

sudo systemctl restart nginx

测试

打开浏览器(firefox)，输入http://192.168.13.63:808/，可见自动通过ssh登陆主机