pipe Kind Prozess stdout & stdin Browser in node.js & browserify

Question

Ich versuche, die stdout & stdin eines child_process zu einem Browser & in einer HTML-Seite anzuzeigen. Ich verwende browserify, um node.js im Browser laufen zu lassen. Mein Code zum Erzeugen des child_process ist wie folgt.

Ich habe ein bundle.js mit browserify erstellt und mein HTML sieht so aus.

Ich versuche zu vermeiden, einen http-Server laufen und die Ergebnisse in den Browser leiten. Gibt es einen anderen Weg, wo ich es tun kann? Danke

Answer 1

Sie sollten in hyperwatch schauen, die die Server-Seite stdout/stderr zum Browser pumpt und es genau so darstellt, wie es in Ihrem Terminal (einschließlich Farben) erscheinen würde.

Wenn es Ihr Problem nicht genau löst, sollte Ihnen das Lesen des Codes zumindest helfen. Es verwendet hypernal unter der Haube, um Terminal-Ausgabe in HTML zu konvertieren.

Answer 2

Ich weiß nicht, ob das zu spät ist, aber ich habe es geschafft, ein Programm vom Browser ausgehend von diesem Code, der nur auf Linux funktioniert (ich benutze Ubuntu). Sie müssen interaktive Programme mit dem Präfix stdbuf -o0 ausführen.

var child = require('child_process'); 
var myREPL = child.spawn('bash'); 

process.stdin.pipe(myREPL.stdin); 

myREPL.stdin.on("end", function() { 
    process.exit(0); 
}); 

myREPL.stdout.on('data', function (data) { 
    console.log(data+''); 
}); 

myREPL.stderr.on('data', function (data) { 
    console.log('stderr: ' + data); 
}); 

Ein dann auf Browser zu machen arbeiten Sie brauchen nur Socket.io

var myREPL = child.spawn(program); 
    myREPL.stdin.on("end", function() { 
     socket.emit('consoleProgramEnded'); 
    }); 

    myREPL.stdout.on('data', function (data) { 
     socket.emit('consoleWrite',data+''); 
    }); 

    myREPL.stderr.on('data', function (data) { 
     socket.emit('consoleWrite',data+''); 
    }); 

    socket.on('consoleRead',function(message){ 
     console.log("Writing to console:"+message); 
     myREPL.stdin.write(message.replace("<br>","")+"\n"); 
    }); 

ich, dass Ihnen helfen, hoffen hinzuzufügen.

Answer 3

ich glaube, das frontail NPM-Modul auch tun können, was Sie tun wollen -

https://github.com/mthenw/frontail

Ich habe es benutzt und es funktioniert