node.js+react.js+xterm.js构建webssh

概述

先讲一下简单的原理：前端和后端的通信，使用的是socket.js,后端连接服务器，使用的是ssh2.js，页面显示出控制台这个操作页面，使用的是xterm.js。整个工作流程就是：前端在xterm.js里面输入文字，通过socket和后端通信，后端把前端传过来的命令，通过ssh2连接服务器，得到服务器返回的数据，通过socket传给前端，前端再显示出socket返回的内容。所以这里贴一下几个官网，可以先了解一下。
https://socket.io/
https://github.com/staltz/xst...
https://github.com/mscdex/ssh2
再讲一下需求：我这里要创建一个服务端，能够支持从前端得到要连接的服务器信息，再去创建ssh2连接，并且在页面上能够同时存在多个xterm窗口，这些窗口不存在信息的相互影响。

服务端代码

在收到前端的createNewServer信息时，会创建一个新的ssh连接。为了区分不同的服务器窗口，前端必须传递一个msgId，用于给后端发送消息。然后前端就能够监听不同的msgId,将socket传递过来的信息显示到不同的xterm窗口上。

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
var utf8 = require('utf8');
var SSHClient = require('ssh2').Client;

function createNewServer(machineConfig, socket) {
    var ssh = new SSHClient();
    let {msgId, ip, username, password} = machineConfig;
    ssh.on('ready', f