Socket.io nicht von Router

Question

Ich versuche, socket.io an einen Router übergeben und dann einen Anruf von diesem Router, aber es wird nie ausgegeben. Ich vermute ein Problem in socket.io, das an den Router weitergegeben wird.

wie app.js Aussehen:

//app.js 
var express = require('express'); 
var app = express(); 
var server = require('http').Server(app); 
var io = require('socket.io')(server); 

var logger = require('morgan'); 
var weather = require('./routes/weather'); 

server.listen(3000, function() { 
    weather.refreshWeather(); 
    console.log('Listening on http://localhost:3000'); 
}); 

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

app.use('/', weather.router(io)); 
app.set('view engine', 'jade'); 

module.exports = app; 

wie weather.js Aussehen:

//weather.js 
var express = require('express'); 
var router = express.Router(); 

var returnRouter = function (io) { 
    router.get('/weather', function (req, res, next) { 
     console.log('About to emit!'); 
     io.sockets.emit('weather', { 
      temperature : '12' // this is just a test value 
     }); 
     res.render('weatherpage'); 
     next(); 
    }); 
    return router; 
} 

module.exports = { 
router: returnRouter, // exports variable 
refreshWeather : refreshWeather // exports function 
} 

und schließlich, wie Jade aussieht:

//weatherpage.jade 
doctype html 
html 
    head 
    link(rel='stylesheet', href='/css/index.css') 
    title Dashboard 
    body 
    script(src='/socket.io/socket.io.js') 
    script. 
     var socket = io(); 
     socket.on('weather', function(data){ 
     document.getElementById('weather').innerHTML = data.temperature 
     }); 

Answer 1

Socket.io wird fein genannt . Ihr Problem hier ist, dass das Socket-Ereignis ausgegeben wird und Sie dann die Jade-Vorlage rendern! Das Ereignis ist schon lange vorbei, als die Seite gerendert wurde. Wenn Sie die Seite jedoch bereits gerendert haben, z. B. in einem anderen Browserfenster, werden die anderen Seiten wie erwartet aktualisiert.

Wenn Sie die Wetterdaten beim Rendern der Wetterseitenvorlage haben, erstellen Sie sie einfach normal und hören Sie weiterhin Socket-Ereignisse ab, um die Seite nach der Bereitstellung zu aktualisieren.

Der Routen-Handler, der eine Seite mit einem Socket-Listener versorgt, ist fast nie der Ort, an dem Socket-Ereignisse ausgegeben werden, die auf derselben Seite gerendert werden sollen. Ich nehme an, es macht Sinn, wenn Sie alle Ihre Clients aktualisieren wollen, wenn dieser Endpunkt erreicht wird.

Denken Sie darüber nach, was Sie tun. Wo werden die Temperaturdaten geändert? Du sagst jede Minute. Hier können Sie Ihre Socket-Ereignisse ausgeben. Jede gerenderte (bereits gelieferte) Wetterseite in einem Browser wird aktualisiert.

Answer 2

nach den Anweisungen des Benutzers Sarju So dieses Bit auf meine app.js Ich habe

module.exports = function socketEmit(id,data){ 
    io.sockets.emit(id,data); 
} 

und dieses Bit auf meine weather.js

require('../app')('weather', { 
     temperature : temperature 
    }); 

Ich bin mir nicht sicher, ob dies ist der beste oder klügste Weg, es zu tun, aber es hat für mich funktioniert. Wenn jemand einen besseren Vorschlag hat, werde ich das gerne als die richtige Antwort bezeichnen.