2015-04-19 112 views
0

我一直在跟着socket io聊天示例,我無法獲得它連接到本地主機!我一遍又一遍地做了,這真的令人沮喪。這是我一直在下面的例子:使用Socket io無法連接到本地主機示例

http://socket.io/get-started/chat/

這裏是指數:

<!doctype html> 
<html> 
    <head> 
    <title>Socket.IO chat</title> 
    <style> 
     * { margin: 0; padding: 0; box-sizing: border-box; } 
     body { font: 13px Helvetica, Arial; } 
     form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; } 
     form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; } 
     form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; } 
     #messages { list-style-type: none; margin: 0; padding: 0; } 
     #messages li { padding: 5px 10px; } 
     #messages li:nth-child(odd) { background: #eee; } 
    </style> 
    </head> 
    <body> 
    <ul id="messages"></ul> 
    <form action=""> 
     <input id="m" autocomplete="off" /><button>Send</button> 
    </form> 
    <script src="https://cdn.socket.io/socket.io-1.2.0.js"></script> 
    <script src="http://code.jquery.com/jquery-1.11.1.js"></script> 
    <script> 
     var socket = io(); 
     $('form').submit(function(){ 
     socket.emit('chat message', $('#m').val()); 
     $('#m').val(''); 
     return false; 
     }); 
     socket.on('chat message', function(msg){ 
     $('#messages').append($('<li>').text(msg)); 
     }); 
    </script> 
    </body> 
</html> 

這裏index.js:

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

app.get('/', function(req, res){ 
res.sendFile(__dirname + '/index.html'); 
}); 

io.on('connection', function(socket){ 
    socket.on('chat message', function(msg){ 
    io.emit('chat message', msg); 
    }); 
}); 

http.listen(3000, function(){ 
    console.log('listening on *:3000'); 
}); 

而這裏的package.json :

{ 
    "name": "socket-chat-example", 
    "version": "0.0.1", 
    "description": "my first socket.io app", 
    "dependencies": { 
    "express": "^4.10.2", 
    "socket.io": "^1.2.0" 
    } 
} 

我用盡了一切,它總是給:

"Failed to load resource: the server responded with a status of 404 (Not Found)"

,甚至節點index.js甚至不會開始聽!

回答

0

我不能肯定地說這就是問題所在,但對於使用socket.io文檔使用Express 4暗示這一點,這就是我成功地使用帶有Express和我的應用程序socket.io:

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

app.get('/', function(req, res){ 
res.sendFile(__dirname + '/index.html'); 
}); 

io.on('connection', function(socket){ 
    socket.on('chat message', function(msg){ 
    io.emit('chat message', msg); 
    }); 
}); 

而且,當你把URL放入瀏覽器時,你必須包含:3000端口號。

如果您需要進一步的幫助,請告訴我們找不到導致錯誤的確切資源:「無法加載資源:服務器響應的狀態爲404(未找到)」。