Socket.io和Express 3
[英]Socket.io and Express 3
問題描述
我用快速生成器創建了一個Express 3應用程序並安裝了socket.io。 在app.js上我發出一條消息：
io.sockets.on('connection', function(socket) {
socket.emit('init', { msg: 'Welcome'});
});
在服務器端我寫道：
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
<script src='/socket.io/socket.io.js' />
<script>
var socket = io.connect('http://127.0.0.1:3000');
socket.on('init', function (data) {
console.log(data.msg);
});
</script>
</head>
<body>
<h1><%= title %></h1>
<p>Welcome to <%= title %></p>
</body>
</html>
如果我運行app.js它應該在控制台上打印“歡迎”，但它不是任何東西。 我檢查了/socket.io/socket.io.js是否已加入，確實如此。
運行應用程序時，我得到：
info - socket.io started
Express server listening on port 3000
GET / 200 28ms - 472
GET /stylesheets/style.css 200 163ms - 110
debug - served static content /socket.io.js
我錯過了什么嗎？ 我遵循了socket.io網頁示例，但似乎服務器運行良好......也許是客戶端的東西？
編輯：我也試過var socket = io.connect('http://127.0.0.1', { port: 3000 } ); 在客戶端，並從正文運行所有套接字客戶端。
在io.sockets.on事件上執行console.log沒有提供任何內容......因此永遠不會達到“連接”。
2 個解決方案
解決方案1
11 2012-09-30 21:09:47
app.js：
var express = require('express')
, routes = require('./routes')
, http = require('http')
, path = require('path');
var app = express();
var server = http.createServer(app)
app.configure(function(){
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'jade');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));
});
app.get('/', routes.index);
server.listen(app.get('port'), function(){
console.log("Express server listening on port " + app.get('port'));
});
var io = require("socket.io").listen(server)
io.sockets.on('connection', function (socket) {
socket.emit('news', { hello: 'world' });
});
index.html的：
<script>
var socket = io.connect();
socket.on('news', function (data) {
console.log(data);
});
</script>
在瀏覽器的控制台中，您應該看到一個包含“hello”的對象：“world”。
解決方案2
1 已采納 2012-09-30 21:10:03
將index.jade文件添加到我之前發布的示例中
server.js
var app = require('express')()
, http = require('http')
, server = http.createServer(app)
, io = require('socket.io').listen(server)
server.listen(3000)
io.set('loglevel',10) // set log level to get all debug messages
io.on('connection',function(socket){
socket.emit('init',{msg:"test"})
})
app.get('/',function(req,res){
res.render('index.jade')
})
/views/index.jade
doctype html
html
head
script(src="/socket.io/socket.io.js")
script.
var sockets = io.connect()
sockets.on('init',function(msg){
alert(msg.msg)
})
Socket.IO和Express
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.