11

socket.io の例に問題があります。ブラウザが socket.io.js ファイルを取得できません (コンソールで 404 エラー)。


動作するコード:

サーバー.js

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

app.listen(80);

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

io.sockets.on('connection', function (socket) {
  socket.emit('news', { hello: 'world' });
  socket.on('my other event', function (data) {
    console.log(data);
  });
});

index.html

<script src="http://192.168.1.104:81/socket.io/socket.io.js"></script>
<script>
  var socket = io.connect('http://192.168.1.104:81');
  socket.on('news', function (data) {
    console.log(data);
    socket.emit('my other event', { my: 'data' });
  });
</script>


しかし、これはそうではありません:

サーバー.js

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

app.listen(80);

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

io.sockets.on('connection', function (socket) {
  socket.emit('news', { hello: 'world' });
  socket.on('my other event', function (data) {
    console.log(data);
  });
});

index.html

<script src="http://192.168.1.104:80/socket.io/socket.io.js"></script>
<script>
  var socket = io.connect('http://192.168.1.104:80');
  socket.on('news', function (data) {
    console.log(data);
    socket.emit('my other event', { my: 'data' });
  });
</script>

この場合、ブラウザは socket.io.js ファイルを取得できません。

4

2 に答える 2

7

編集:次の「編集」まで、以下のテキストはすべて間違っています。痕跡としてそこに残して...

知っておくべきことが1つあり、2つのことを行う必要があります+必要なすべてのExpressドキュメントはここにあります

  1. ノードサーバーへのすべてのアクセスをエクスプレスフィルター/処理します。これは、socket.ioスクリプトファイルにアクセスしようとすると、Expressが宣言したルートでそのファイルを見つけようとし、宣言しなかったために失敗することを意味します(そして、そうしなかったのは正しいことです)。
  2. 最も重要なこと:すべての静的ファイル(css、クライアントスクリプト、画像)を配置するエクスプレスで静的な非「計算済み」フォルダーを宣言する:

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

    app.configureこの行は、前にあなたの呼び出しに入れる必要がありますapp.use(app.router)(私は実際にそれを最初に置きます)

    私はこの/static/scriptsが好きです; / static / css; / static / imgフォルダー編成ですが、ニーズに自由に適応できます。

  3. socket.ioスクリプトファイルへのリンクを相対パスに変更します(オプションですが、強くお勧めします):src='/static/scripts/socket.io/socket.io.js'

編集:私は間違っています、非常に非常に間違っています、そしてそれをお詫びします。Socket.ioは、必要なさまざまなパス/ファイルを生成します。それらを宣言したり、クライアントスクリプトファイルをコピーしたりする必要はありません。

コードとエクスプレスガイドコードの違いはそれだけなので、<script src="http://192.168.1.104:81/socket.io/socket.io.js"></script>クライアントラインを通常の相対ラインに切り替えてみてください。<script src="/socket.io/socket.io.js"></script>

于 2012-04-17T08:24:27.530 に答える
6

どのExpress バージョンを使用していますか?

API は Express 2.x から 3.x に変更されたため、答えはMigrating from 2.x to 3.x wikiのSocket.IO 互換性セクションにあります。

Socket.IO の.listen()メソッドは、http.Serverインスタンスを引数として取ります。
3.x の時点で、の戻り値はインスタンスでexpress()はありません。http.ServerSocket.IO を Express 3.x で動作させるには、http.Serverインスタンスを手動で作成して Socket.IO の.listen()メソッドに渡します。

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

server.listen(3000);
于 2013-01-19T18:07:49.073 に答える