Herstellen einer Verbindung zu remote-SSH-server (über Knoten.js/html5-Konsole)

Ich habe scheuern im Gesicht des web um eine Antwort auf eine Frage, die ich hatte gedacht, dass wäre einfach. Mein Ziel ist straight forward. Ich möchte den Aufbau einer einfachen web-basierten SSH-client verwenden Node.js Modul(en). Ich haben einige Optionen, wenn ich mich um eine Verbindung zu dem server des Knotens selbst, aber kann nicht scheinen, um zu finden, die alle Beispiele der Verbindung zu einem REMOTE-server.

Im wesentlichen die Ergebnisse, die ich Suche, ist ein workflow, wie dies : eine Verbindung zu webserver -> Klicken Sie auf einen Servernamen in der Liste der Server -> Geben Sie die SSH-Sitzung zum server klickte ich auf

Das einzige, was ich gefunden habe, ist sogar aus der Ferne nah an, was ich Suche, ist guacamole. Ich will nicht zu verwenden, guacamole, jedoch, wie ich will, diese Anwendung unabhängig vom Betriebssystem. Derzeit Baue ich es auf einem windows-10-Plattform, und port, über fedora, wenn ich fertig bin.

Fand ich dieses tutorial für das erstellen von SSH-terminal. Aber all dies bedeutet ist, schafft (oder versucht) eine SSH-Verbindung auf das lokale system.

Anderen Optionen, die sah absolut fantastisch war tty.js. Ach, die bottom-line ist das gleiche wie das obige tutorial. Das Modul ermöglicht nur die Verbindung zu den node.js server, NICHT auf remote-Server.

Jemand Informationen über einen möglichen Weg zu diesem Ziel?

InformationsquelleAutor Ethan | 2016-08-01

Dies ist leicht machbar mit Modulen wie ssh2, xterm, und socket.io.

Hier ein Beispiel:

npm install ssh2 xterm socket.io
Erstellen index.html:

<html>
  <head>
    <title>SSH Terminal</title>
    <link rel="stylesheet" href="/src/xterm.css" />
    <script src="/src/xterm.js"></script>
    <script src="/addons/fit/fit.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script>
      window.addEventListener('load', function() {
        var terminalContainer = document.getElementById('terminal-container');
        var term = new Terminal({ cursorBlink: true });
        term.open(terminalContainer);
        term.fit();

        var socket = io.connect();
        socket.on('connect', function() {
          term.write('\r\n*** Connected to backend***\r\n');

          //Browser -> Backend
          term.on('data', function(data) {
            socket.emit('data', data);
          });

          //Backend -> Browser
          socket.on('data', function(data) {
            term.write(data);
          });

          socket.on('disconnect', function() {
            term.write('\r\n*** Disconnected from backend***\r\n');
          });
        });
      }, false);
    </script>
    <style>
      body {
        font-family: helvetica, sans-serif, arial;
        font-size: 1em;
        color: #111;
      }
      h1 {
        text-align: center;
      }
      #terminal-container {
        width: 960px;
        height: 600px;
        margin: 0 auto;
        padding: 2px;
      }
      #terminal-container .terminal {
        background-color: #111;
        color: #fafafa;
        padding: 2px;
      }
      #terminal-container .terminal:focus .terminal-cursor {
        background-color: #fafafa;
      }
    </style>
  </head>
  <body>
    <div id="terminal-container"></div>
  </body>
</html>

Erstellen server.js:

var fs = require('fs');
var path = require('path');
var server = require('http').createServer(onRequest);

var io = require('socket.io')(server);
var SSHClient = require('ssh2').Client;

//Load static files into memory
var staticFiles = {};
var basePath = path.join(require.resolve('xterm'), '..');
[ 'addons/fit/fit.js',
  'src/xterm.css',
  'src/xterm.js'
].forEach(function(f) {
  staticFiles['/' + f] = fs.readFileSync(path.join(basePath, f));
});
staticFiles['/'] = fs.readFileSync('index.html');

//Handle static file serving
function onRequest(req, res) {
  var file;
  if (req.method === 'GET' && (file = staticFiles[req.url])) {
    res.writeHead(200, {
      'Content-Type': 'text/'
                      + (/css$/.test(req.url)
                         ? 'css'
                         : (/js$/.test(req.url) ? 'javascript' : 'html'))
    });
    return res.end(file);
  }
  res.writeHead(404);
  res.end();
}

io.on('connection', function(socket) {
  var conn = new SSHClient();
  conn.on('ready', function() {
    socket.emit('data', '\r\n*** SSH CONNECTION ESTABLISHED ***\r\n');
    conn.shell(function(err, stream) {
      if (err)
        return socket.emit('data', '\r\n*** SSH SHELL ERROR: ' + err.message + ' ***\r\n');
      socket.on('data', function(data) {
        stream.write(data);
      });
      stream.on('data', function(d) {
        socket.emit('data', d.toString('binary'));
      }).on('close', function() {
        conn.end();
      });
    });
  }).on('close', function() {
    socket.emit('data', '\r\n*** SSH CONNECTION CLOSED ***\r\n');
  }).on('error', function(err) {
    socket.emit('data', '\r\n*** SSH CONNECTION ERROR: ' + err.message + ' ***\r\n');
  }).connect({
    host: '192.168.100.105',
    username: 'foo',
    password: 'barbaz'
  });
});

server.listen(8000);

Bearbeiten der SSH-server-Konfiguration übergeben .connect() im server.js
node server.js
Besuchen http://localhost:8000 in Ihrem browser

Dude, du absolut rock! 🙂
Habt nicht zufällig etwas ähnliches für die RDP - & VNC do ya? 🙂
Eine schnelle Suche für vnc dreht dieser. Es ist ein bisschen alt und stehen konnte optimiert werden ein wenig, aber es könnte immer noch funktionieren. Soweit RDP geht, ich habe nicht gesehen, eine RDP-Implementierung/Bindung für Knoten noch.
Yep, das ist die gleiche Sache, die ich gefunden für VNC. Ich werde mit Chaos, die schließlich. Für RDP, ich denke, das wird funktionieren github.com/citronneur/node-rdpjs, aber ich werde zu haben, um einiges besser dokumentiert als das, was auf der GIT-Seite.
Sie müssten, um zu analysieren req.url wie url.parse(req.url, true). Dann nutzen Sie .pathname aus dem resultierenden Objekt statt req.url für die staticFiles[] - lookup.

InformationsquelleAutor mscdex

0

Versuchen auch noVnc.
Allerdings, ein wenig Graben in die Seite des xterm.js zeigt andere Lösungen, wie

WebSSH2

InformationsquelleAutor giuseppe

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.