我是Socket.IO的新手,刚刚安装了它。 我试图按照一些例子,可以让服务器端运行,但我似乎无法让客户端连接。
以下是我的server.js:
var http = require('http'), io = require('socket.io'),
server = http.createServer(function(req, res){
res.writeHead(200, {'Content-Type': 'text/html'});
res.end('<h1>Hello world</h1>');
});
server.listen(8090);
var socket = io.listen(server);
socket.on('connection', function(client){
console.log('Client connected.');
client.on('message', function(){
console.log('Message.');
client.send('Lorem ipsum dolor sit amet');
});
client.on('disconnect', function(){
console.log('Disconnected.');
});
});
这是我的index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Socket Example</title>
<base href="/" />
<meta charset="UTF-8" />
<script src="http://localhost:8090/socket.io/socket.io.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
</head><body>
<script type="text/javascript">
$(document).ready(function(){
var socket = new io.Socket('localhost', { 'port': 8090 });
socket.connect();
console.log("Connecting.");
socket.on('connect', function () {
console.log("Connected.");
});
socket.on('message', function (msg) {
console.log("Message: " + msg + ".");
});
socket.on('disconnect', function () {
console.log("Disconnected.");
});
});
</script>
</body></html>
当我执行node.js节点时,它表示socket.io已启动。
当我加载index.html时会出现一行显示“debug - served static /socket.io.js” 但没有别的,没有控制台消息或其他线路。
非常感谢您提供的任何指导。就像我说的那样,我100%绿色,所以如果你能尽可能地打破它,我也会很感激。
由于
答案 0 :(得分:3)
在same origin policy中,localhost:8090
和localhost
不是同一个来源(不同的端口),因此localhost/index.html
无法连接到localhost:8090上的socket.io。
一个选项是在localhost:8090
上创建index.html(请参阅下面的代码)。然后,您只需将“index.html”放入服务器脚本的同一目录中,启动服务器并在浏览器中键入localhost:8090
。
var fs = require('fs');
server = http.createServer(function(req, res){
fs.readFile(__dirname + '/index.html', 'utf-8', function(err, data) { // read index.html in local file system
if (err) {
res.writeHead(404, {'Content-Type': 'text/html'});
res.end('<h1>Page Not Found</h1>');
} else {
res.writeHead(200, {'Content-Type': 'text/html'});
res.end(data);
}
});
});