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
感谢您的时间:)
答案 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($)