NodeJS + socket.io:简单的客户端/服务器示例无法工作

Question

NodeJS + socket.io:简单的客户端/服务器示例无法工作

javascriptnode.jscometsocket.io

7

我正在使用NodeJS v0.4.8和来自npm install socket.io的最新版本的socket.io。

在Ubuntu上：

Linux mars 2.6.38-8-generic #42-Ubuntu SMP Mon Apr 11 03:31:50 UTC 2011 i686 i686 i386 GNU/Linux

不幸的是，以下代码无法在客户端或服务器端产生任何输出。

有人有线索吗？

服务器端：

var http = require('http'),  
io = require('socket.io'),
fs = require('fs'),
sys = require('sys');

respcont = fs.readFileSync('testclient.js');

server = http.createServer(function(req, res){
    res.writeHead(200, {'Content-Type': 'text/html'}); 
    res.end(respcont);
});
server.listen(8082);

var socket = io.listen(server); 
socket.on('connection', function(client){ 

    sys.puts("New client is here!");
    client.send("hello world");

    client.on('message', function(msg) { sys.puts("client has sent:"+msg); }) ;
    client.on('disconnect', function() { sys.puts("Client has disconnected"); }) ;
});

客户端

<html>
<body>
<script type="text/javascript" src="http://localhost:8082/socket.io/socket.io.js"></script>
<script> 
    var socket = new io.Socket(null,{port:8082,rememberTransport:true,timeout:1500});
    socket.connect();
    socket.on('connect', function() { 
        console.log('connected to server'); 
        socket.send('Hi Server...'); 
    });

    socket.on('message', function() { 
        console.log('received a message!');
    });

    socket.on('disconnect', function() { 
        console.log('disconnected from server'); 
    });

</script> 
</body>
</html>

从NodeJS输出的内容（不是sys.puts("...")调用）是：

信息 - socket.io已启动调试 - 提供静态文件/socket.io.js 调试 - 客户端已授权信息 - 握手已授权信息 - 已握手 b61a5c2751c1c8c8493db4b79d19e779

- helix

3个回答

3

我也（像Derrish一样）喜欢使用 express 框架来简化我的工作（太棒了 :)）。你可以从 http://dl.dropbox.com/u/314941/socketio.zip 下载并提取此示例。我相信您甚至不需要安装这些模块，因为我已经通过npm将它们本地捆绑在一起（只需运行即可）。

安装方法：

alfred@alfred-laptop:~/tmp/socketio$ uname -a
Linux alfred-laptop 2.6.35-28-generic #50-Ubuntu SMP Fri Mar 18 19:00:26 UTC 2011 i686 GNU/Linux
alfred@alfred-laptop:~/tmp$ wget http://dl.dropbox.com/u/314941/socketio.zip
alfred@alfred-laptop:~/tmp$ unzip socketio.zip
alfred@alfred-laptop:~/tmp$ cd socketio/
alfred@alfred-laptop:~/tmp/socketio$ node -v
v0.4.7
alfred@alfred-laptop:~/tmp/socketio$ npm -v
1.0.6
alfred@alfred-laptop:~/tmp/socketio$ node app.js

代码：

app.js:

// npm install express
// npm install socket.io

var sys         = require('sys'),
        express = require('express'),
        app         = express.createServer('127.0.0.1'),
        io          = require('socket.io'); 

app.use(express.static(__dirname + '/public'));

app.get('/', function (req, res) {
    res.send('Hello World');
});

app.listen(3000);

var socket = io.listen(app); 

socket.on('connection', function (client){ 
  // new client is here!
  setTimeout(function () {
        client.send('Waited two seconds!');
    }, 2000);

  client.on('message', function () {
  }) ;

  client.on('disconnect', function () {
  });
});

public/index.html:

<html>
<p id="text">socket.io</p>

<script src="socket.io/socket.io.js"></script> 
<script src="jquery-1.6.1.min.js"></script><!-- Downloaded Jquery -->

<script> 
    $(document).ready(function(){

        var socket  = new io.Socket(),
                text        = $('#text');

        socket.connect();

        socket.on('connect', function () {
            text.html('connected');
        });

        socket.on('message', function (msg) {
            text.html(msg);
        });

        socket.on('disconnect', function () {
            text.html('disconnected');
        });

    });
</script>

我的模块清单：

alfred@alfred-laptop:~/tmp/socketio$ npm ls
/home/alfred/tmp/socketio
├─┬ express@2.3.11 
│ ├── connect@1.4.6 
│ ├── mime@1.2.2 
│ └── qs@0.1.0 
└── socket.io@0.6.18

已安装的模块（非必需）：

npm install express
npm install socket.io

浏览器将显示：

在启动时会看到 socket.io，但很可能会被替换为 connected。
当用户连接到 socket.io 时，会显示 connected。
2 秒后，它将显示 等待了两秒钟！

- Alfred

1

太好了，谢谢你，你的示例正在运行。这很奇怪，但我认为这一行： express.createServer('127.0.0.1'), 使用显式IP（而不是“localhost”）符号解决了我的问题。非常感谢！ - helix

@Alfred，“node app.js”命令启动我的socket.io服务器。但是当我关闭终端时，服务器停止并且客户端断开连接。那么我该如何让服务器始终保持运行状态而不停止呢？ - Ashok Gujjar

1

我使用 express 在一个 node 应用程序中引入了您的示例。您的 HTML 代码被放置在 public 下的静态 HTML 文件中。您的示例运行良好。下面是代码。我想确保 socket.io 脚本文件和 HTML 文件都被正确提供。

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

var app = module.exports = express.createServer();

// Configuration

app.configure(function(){
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(app.router);
  app.use(express.static(__dirname + '/public'));
});

if (!module.parent) {
  app.listen(9000);
  console.log("server started at %s", (new Date()).toUTCString());
  console.log("listening on port %d", app.address().port);
}


// socket.io 
var socket = io.listen(app); 
socket.on('connection', function(client){ 
    console.log("New client is here!");
    client.send("hello world");
    client.on('message', function(msg){ console.log("client has sent:"+msg); }) ;
    client.on('disconnect', function(){ console.log("Client has disconnected"); }) ;
    client.on('disconnect', function(){ }) 
 });

- Derrish Repchick

嗨@Derrish，好的，听起来不错，谢谢。我把你展示的代码放在test.js中，然后创建了一个public文件夹，并将index.html放入该public文件夹中。当我运行“node test”并访问localhost:9000时，我收到“无法获取/”错误。从浏览器访问此示例的正确方法是什么？谢谢。 - helix

我相信静态文件夹中的任何文件在 URL 中都需要使用它们的完整路径来访问。http://localhost:9000/index.html - Derrish Repchick

1

好的，这个例子运行正常，但是控制台没有输出。你在控制台中能看到文本（“新客户端已连接，客户端已发送：…”等）吗？你使用的NodeJS / Socket.io版本是哪个？ - helix

我怀疑socket.io.js文件没有在您的浏览器中加载。您确认浏览器没有报告任何脚本错误吗？确保您的脚本标签引用了正确的路径/socket.io/socket.io.js。 - Derrish Repchick

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- sreekumar · Accepted Answer

Express 3.0 + Socket.io 工作示例

服务器端（app.js）

var express = require('express');
    var app = express.createServer();
    var socket = require('socket.io');
    app.configure(function(){
        app.use(express.static(__dirname + '/'));
    });
    var server = app.listen(8081);
    var io = socket.listen(server);
    io.sockets.on('connection', function (socket) {
        console.log("connnect");
        socket.on('disconnect', function (socket) {
        console.log("disconnect");
     });
});

客户端（index.html）

<script src="/socket.io/socket.io.js"></script>
<script>
    var socket = io.connect('http://localhost:8081');
</script>

您可以使用下面的链接复制代码 https://github.com/sreekumar-kr/Expree3.0---Socket.IO