WEB-PTY
web-pty是一个浏览器端的ssh工具,通过此工具,可以在浏览器中远程连接到linux服务器并进行管理,同时web-pty支持express和koa框架
安装
npm install --save web-pty
嵌入到HTML
给任意一个div加上“web-tpy-render”属性就可以将一个terminal嵌入到页面上,所有可用的属性有:
- web-tpy-render(必须,带有此属性的div将会作为terminal渲染)
- pty="xxx"(可选,指定terminal的名称,通过webpty.getByName函数可以获取它)
- icon-color="xxx"(可选,指定标题上图标的颜色)
例如:
<!-- 导入相应的资源,“/res/tty/:type”路由是有服务器指定的 --> ... ...
<!-- 创建容器,当然,你也可以创建多个容器 --> 无法渲染Terminal
在express中使用web-pty
const express = const http = const fs = const path = const pty = let app = //配置静态资源的路由,路由中必须有type参数(非常重要)app //随便返回一个页面app //创建服务let server = http //监听server //创建pty(非常重要)pty
在koa中使用web-pty
const http = const fs = const path = const pty = const Koa = var Router = ; //创建APP和路由const app = ;const router = //设置静态资源路径,同expressrouterall'/res/tty/:type' ttyreskoa //返回一个html给浏览器router //将路由加入应用app //创建服务let server = httpserver //和express一样,创建ptypty
服务器API
创建pty
pty
express框架的静态资源中间件
ptyresexpress
koa框架的静态资源中间件
ptyreskoa
pty配置
pty.configoption:
浏览器API - PTY
pty配置
webpty.config
渲染terminal
webpty.render
通过名字获取terminal
webpty.getByNamename:string
获取所有terminal
webpty.terminals
浏览器API - TERMINAL
通过webpty.getByName函数,或者webpty.terminals可以得到某一个terminal
让terminal得到焦点
pty.focus
让terminal失去焦点
pty.blur
取得terminal的名称
pty.name