爱上开源之DockerUI-如何实现Web端的Xshell终端模拟器

xterm.js是模拟终端产品中最为市场推崇的，较多的开源项目在实现Shell模拟终端都是用了这个产品。 在DockerUI中，dockerUI提供了类似Shell的功能，可以在DockerUI里直接连接到容器里，执行容器的终端命令， 类似于在docker环境下，执行docker container exec -it 这样的命令行功能。 在DockerUI里也使用了xterm.js这个项目来实现了WEB方式的模拟控制台终端。

先看看效果图

​

注意看清楚哟， 和Xshell长的很像，但是是WEB方式实现的。

今天这篇文章，就来谈谈xterm.js在DockerUI里的具体实现Web控制台的过程。

引入xterm.js

说实在话，虽然这个xterm.js确实在此类产品中的名气确实最大，但是其官方网站上的文档和资料就真的是匹配不上这个江湖地位了， 文档基本没有， 只能看源码进行猜和试错。 我们DockerUI里对xterm.js的集成，基本上全部都是自己试出来的。

ROOT_RES_URL + "/static/plugins/xterm/lib/xterm.js", ROOT_RES_URL + "/static/plugins/xterm/lib/xterm-addon-fit.js"

ROOT_RES_U