ttyd一个好用的网页版的终端工具

左手的ㄟ右手 2023-02-20 12:20 23阅读 0赞

项目地址：[https://github.com/tsl0922/ttyd][https_github.com_tsl0922_ttyd]

该文章的环境是ubuntu18.04

Linux下需要手动编译

sudo apt-get install build-essential cmake git libjson-c-dev libwebsockets-dev
    git clone https://github.com/tsl0922/ttyd.git
    cd ttyd && mkdir build && cd build
    cmake ..
    make
    sudo make install

如果是在mac上可直接通过brew安装

brew install ttyd

基本使用

ttyd bash # 默认监听本地7681端口
    ttyd -p 8080 bash # 指定本地端口8080

即通过`127.0.0.1:7681`或者`127.0.0.1:8080`可访问上述打开的shell…  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgzMzY0Mg_size_16_color_FFFFFF_t_70]  
设置为服务

sudo vim /etc/systemd/system/ttyd.service

添加如下内容

[Unit]
    Description=TTYD
    After=syslog.target
    After=network.target
    
    [Service]
    ExecStart=<ttyd所在位置> login
    Type=simple
    Restart=always
    User=root
    Group=root
    
    [Install]
    WantedBy=multi-user.target

启动服务

sudo systemctl start ttyd.service

但是如果你想局域网的其他机器也能访问，需要使用nginx反向代理，将请求的数据都转发给ttyd监听的端口！

这里我采用的方法是使用ssh进行端口转发，可以实现内网机器都能访问。（如果提供任意一台外网机器也可以实现内网穿透让外网机器都能访问）

> 需要先修改配置文件`/etc/ssh/sshd_config`的`GatewayPorts`为`yes`

sudo ssh -fCNL *:80:localhost:7681 moddemod@localhost

上面的命令意思就是让局域网任意IP可以访问执行该命令机器的80端口，且将80端口的数据转发给localhost:7681即ttyd。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgzMzY0Mg_size_16_color_FFFFFF_t_70 1]

更多使用参考：[https://github.com/tsl0922/ttyd/wiki/Example-Usage][https_github.com_tsl0922_ttyd_wiki_Example-Usage]

[https_github.com_tsl0922_ttyd]: https://github.com/tsl0922/ttyd
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgzMzY0Mg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200717110530326.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgzMzY0Mg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgzMzY0Mg_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200717110120351.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgzMzY0Mg==,size_16,color_FFFFFF,t_70
[https_github.com_tsl0922_ttyd_wiki_Example-Usage]: https://github.com/tsl0922/ttyd/wiki/Example-Usage