Socket.IO聊天不發送和/或recieving消息

我遵循了socket.io聊天教程： https://www.youtube.com/watch?v=pNKNYLv2BpQ Socket.IO聊天不發送和/或recieving消息

在教程視頻，它工作正常但是我的完全不工作。似乎這些消息不通過服務器或客戶端

這是我app.js在服務器端與節點

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

server.listen(3000); 

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

io.sockets.on('connection', function(socket) { 
    socket.on('send message', function(data) { 
     io.sockets.emit('new message', data); 
    }); 
});

運行發送或接收這是我的index.html客戶

<html> 
<head> 
<title>Chat with socket.io and node.js</title> 
<style> 
    #chat 
    { 
     height: 500px; 
    } 
</style> 
</head> 
<body> 
<div id="chat"></div> 
<form id="send-message"> 
    <input size="35" id="message"></input> 
    <input type="submit"></input> 
</form> 

<script src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script src="/socket.io/socket.io.js"></script> 
<script> 
    jQuery(function($) { 
     var socket = io.connect(); 
     var $messageForm = $('#send-message'); 
     var $messageBox = $('#message'); 
     var $chat $('#chat'); 

     $messageForm.submit(function(e) { 
      e.preventDefault(); 
      socket.emit('send message', $messageBox.val()); 
      $messageBox.val(''); 
     }); 

     socket.on('new message', function(data) { 
      $chat.append(data + "<br/>"); 
     }); 
    }); 
</script>

我想這是我忽略了，但我此刻難倒，任何想法簡單的錯誤???此外，如果需要了解更多信息請說出來:)

來源

2015-02-06 Snapper26

嘗試這樣做，var io = require（'socket.io'）（server）; – nalinc 2015-02-06 10:44:59

@NLN當我嘗試你的解決方案時，我得到這個：/home/snapper26/Desktop/chat/app.js:4 \t io = require（'socket.io'）（server）;對象不是。（Module.js：456：26）（Object.Module._extensions..js（module.js：474： 10） at Function.Module.runMain（module.js：497：10）at Function.Module._load（module.js：312：12） at Module.load（module.js：356：32） at啓動（node.js：119：16）在node.js：906：3 – Snapper26 2015-02-06 12:42:15

創建一個index.html文件

的index.html

<!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> 
    </body> 
</html> 


<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>

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('index.html'); 
}); 

io.on('connection', function(socket){ 
    console.log('a user connected'); 
socket.on('chat message', function(msg){ 
    console.log('message: ' + msg); 
    }); 
}); 

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

For more information click here

來源

2015-07-10 06:22:26

Socket.IO聊天不發送和/或recieving消息

回答

相關問題