套接字无法加载资源服务器(404错误)

时间:2013-10-11 10:20:00

标签: javascript jquery node.js sockets socket.io

嘿伙计们使用服务器端server.js的文件和使用javascript的客户端文件

server.js

var express = require("express");
var io = require("socket.io").listen(app);
var app = express.createServer("localhost");
app.listen(3000);


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

    console.log("before");
    io.sockets.on("connection", function (socket) {
        console.log("after");
        socket.on("message send", function (data) {
            io.sockets.emit("new mesage", data);
        });
    });

并在客户端使用一个html页面名称

hello.html

<html>
<head>
    <style>
        #chat{
        height : 500px;
        }

    </style>

</head>
<body>
    <div id="chat" > </div>
    <form id ="send message"> 
        <input id="message" type="text" ></input>
        <input type="submit"></input>
    </form>
    <script type= "javascript" 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("message send" , $messageBox.val());
            });
            socket.on("new message", function(data){
                $chat.append(data + "</br>");   
            });
    });
    </script>

</body>
</html>

当m启动服务器然后它正常工作但是当我发送请求时它显示 错误 就像给定打击

  

无法加载资源:服务器响应状态为404(未找到)/socket.io/socket.io.js

     

未捕获的ReferenceError:未定义jQuery

版本

socket.io:0.9.16

exparess:3.4.0

感谢您的时间:)

1 个答案:

答案 0 :(得分:3)

您需要将socket.io绑定到http服务器而不是应用程序服务器。将此更改为以下..

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

有关详细信息,请参阅Express guide

修改

纠正Jquery错误..

替换

jQuery(function($){

$(document).ready(function($)