Sending data through node.js tcp socket from html page

Question

Hy, I'm asking because I want to clear my mind about net sockets in Node.js:

I have an easy server that replicates the data received. It looks like this:

var net = require('net');

var HOST = '127.0.0.1';
var PORT = 1337;

net.createServer(function(sock) {

    console.log('CONNECTED: ' + sock.remoteAddress +':'+ sock.remotePort);

    sock.on('data', function(data) {

        console.log('DATA ' + sock.remoteAddress + ': ' + data);
        sock.write('You told me: ' + data);

    });

    sock.on('close', function(data) {
        console.log('CLOSED: ' + sock.remoteAddress +' '+ sock.remotePort);
    });

}).listen(PORT, HOST);

console.log('Server listening on ' + HOST +':'+ PORT);

So, if I want to make a really easy html page like this:

<input type="text" name="data" value="" />
<input type="button" value="Send data" onclick="send()" />
<div id="result"></div>

Now I will click on the button and the page sends data to the server, and write the answer into the "result" div. What i need to write or use in the function "send()" (just in order to send the data and receive the answer)? I searched for things like this a lot, but wasn't lucky... I need to add an http server to the server file maybe?

siavolt · Accepted Answer · 2015-02-10 16:48:56Z

1

I recommend you use SockJS module in server and client side. Look this example for client:

 var sock = new SockJS('YOUR_SOCKJS_URL');
 sock.onopen = function() {
     console.log('open');
 };
 sock.onmessage = function(e) {
     console.log('message', e.data);
 };
 sock.onclose = function() {
     console.log('close');
 };

 function send(){   // this for onclick="send()"
     sock.send();
 }

For server use Sockjs module. example:

var http = require('http');
var sockjs = require('sockjs');

var echo = sockjs.createServer({ sockjs_url: 'http://cdn.jsdelivr.net/sockjs/0.3.4/sockjs.min.js' });
echo.on('connection', function(conn) {
    conn.on('data', function(message) {
        conn.write(message);
    });
    conn.on('close', function() {});
});

var server = http.createServer();
echo.installHandlers(server, {prefix:'/echo'});
server.listen(9999, '0.0.0.0');

answered Feb 10, 2015 at 16:48

siavolt

7,0975 gold badges26 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Drago96 Over a year ago

Thanks very much!!!! It works perfectly! For everyone else in the client you must add a reference to the sockjs.min.js file that you can find on Internet. The file Can be opened with every browser just clicking on it, whitout typing "localhost" on the URL bar. Thank you very much for the answer, it really helped!

siavolt Over a year ago

I glad help you) Confirm answer pls

Collectives™ on Stack Overflow

Sending data through node.js tcp socket from html page

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related