socket.io Daten vom Server zum Client

Question

server.js

var express = require('express'); 
var app = express(); 
var server = require('http').createServer(app); 
var io = require('socket.io')(server); 

app.use(express.static(__dirname + '/public')); 

io.on('connection', function(client) { 
    console.log('Client connected...'); 

client.on('join', function(data) { 
    console.log(data); 
    io.emit('messages', 'Hello'); 

}); 

}); 

index.html

<script> 
    var socket = io.connect('http://localhost:7777'); 
    socket.on('connect', function(data) { 
     socket.emit('join', 'Hello World from client'); 

    }); 
    socket.on('messages', function(data) { 
     alert(data); 
    }); 
</script> 

Ich habe versucht, sehr einfach von Socket.io zu implementieren.

Daten senden von Client zu Server ist jedoch verfügbar, aber von Server zu Client funktioniert nicht.

Im Befehl running server.js wird 'Hello World from client' gedruckt. Das Benachrichtigungsfenster funktioniert jedoch nicht im Webbrowser (Ich habe auch versucht, console.log zu erstellen).

Wie löst man das?

Editted

I server.js Codes in der app.get ('/', function (req, res)) gesetzt haben {...} Dann funktioniert es nicht. Warum funktioniert es nicht in app.get?

Answer 1

die Sie interessieren, ich hoffe, es funktioniert:

io.on('connection', function(client) { 
console.log('Client connected...'); 

client.on('join', function(data) { 
     console.log(data); 
     io.emit('join', data); //this code sending data from server to client 
    }); 
}); 

Answer 2

Wenn Sie nur ein paar Daten mit einem Ajax-Aufruf zu holen versucht, wie /test, dann gibt es keine Notwendigkeit ist socket.io zu verwenden. Das ist nur eine klassische Anfrage/Antwort.

app.get('/test', function(req, res) { 
    // collect your data and then send it as a response 
    res.json(data); 
}); 

Wenn Sie versuchen, nur Daten in eine Webseite zu integrieren, die angefordert wird, dann können Sie res.render() mit der Template-Engine Ihrer Wahl verwenden (EJS, Lenker, Mops, etc ...). Das würde aussehen typischerweise wie folgt aus:

app.get('/test', function(req, res) { 
    // collect your data and then pass it to res.render() to render your 
    // your template using that data 
    res.render('someTemplateName', data); 
}); 

Die Hauptsache ist, die nützlich Socket.io ist für die Daten vom Server zum Client ohne eine Client-Anforderung „Schieben“. Wenn also etwas auf dem Server passiert ist, das der Client nicht kannte und der Server dem Client das mitteilen wollte, dann würde socket.io dafür verwendet werden. Das klassische Beispiel ist eine Chat-App. Person A sendet eine Chat-Nachricht an den Server, der an Person B adressiert ist. Der Server empfängt diese Nachricht und muss sie dann an Person B "pushen". Das wäre perfekt für eine bereits verbundene socket.io-Verbindung, weil der Server es einfach kann push die Daten direkt zum Person B Client, was der Server nicht mit Anfrage/Antwort tun kann (da es keine Anfrage von Person B gibt).

---

Wenn Sie noch denken, Sie socket.io benötigen, dann bitte genau beschreiben, was Sie versuchen, mit ihm (Schritt für Schritt, was Sie versuchen an den Client zu senden) zu tun.