web-dev-qa-db-ja.com

Socket.ioを使用してクライアントをサーバーに接続する

私はnode.jsが比較的新しく、それがアドオンなので、これはおそらく初心者の質問です。

Websocket.ioでnode.jsを実行している別のサーバーに接続するWebサーバー上の単純なHTMLページを取得しようとしています。

私のコードは次のようになります。

クライアント

<script src="socket.io/socket.io.js"></script>
<script>
    // Create SocketIO instance, connect

    var socket = new io.Socket();

    socket.connect('http://127.0.0.1:8080'); 

    // Add a connect listener
    socket.on('connect',function() {
      console.log('Client has connected to the server!');
    });
    // Add a connect listener
    socket.on('message',function(data) {
      console.log('Received a message from the server!',data);
    });
    // Add a disconnect listener
    socket.on('disconnect',function() {
      console.log('The client has disconnected!');
    });

    // Sends a message to the server via sockets
    function sendMessageToServer(message) {
      socket.send(message);
    };
</script>

サーバーサイド

// Require HTTP module (to start server) and Socket.IO
var http = require('http');
var io = require('socket.io');
var port = 8080;

// Start the server at port 8080
var server = http.createServer(function(req, res){ 
    // Send HTML headers and message
    res.writeHead(200,{ 'Content-Type': 'text/html' }); 
    res.end('<h1>Hello Socket Lover!</h1>');
});

server.listen(port);

// Create a Socket.IO instance, passing it our server
var socket = io.listen(server);

// Add a connect listener
socket.on('connection', function(client){ 
    console.log('Connection to client established');

    // Success!  Now listen to messages to be received
    client.on('message',function(event){ 
        console.log('Received message from client!',event);
    });

    client.on('disconnect',function(){
        clearInterval(interval);
        console.log('Server has disconnected');
    });
});

console.log('Server running at http://127.0.0.1:' + port + '/');

サーバーの起動は正常に機能し、ブラウザーで http：// localhost：808 も実行されます。期待どおりに「Hello Socket Lover」を返します。しかし、node.jsから実行するのではなく、ソケットと通信する別のページを作成したいと思います。

しかし、実行しても何も起こらず、Chromeコンソールが返されます。

Failed to load resource            http://undefined/socket.io/1/?t=1333119551736
Failed to load resource            http://undefined/socket.io/1/?t=1333119551735

私はこれに一日中いました。何か助け？

javascripthtml5node.jswebsocketsocket.io
46
shmow

相対URLからではなくsocket.ioスクリプトをロードしようとしましたか？

あなたが使用しています：

<script src="socket.io/socket.io.js"></script>

そして：

socket.connect('http://127.0.0.1:8080');

試してみてください：

<script src="http://localhost:8080/socket.io/socket.io.js"></script>

そして：

socket.connect('http://localhost:8080');

localhost:8080を現在の設定に合うものに切り替えます。

また、設定によっては、別のドメインからクライアントページを読み込むときにサーバーとの通信に問題が発生する場合があります（同じ元のポリシー）。これはさまざまな方法で解決できます（この回答の範囲外であるgoogle/SO it）。

40
Lior Cohen

Socket.ioへのリンクの前に必ずスラッシュを追加する必要があります。

<script src="/socket.io/socket.io.js"></script>

次に、ビュー/コントローラーで次の操作を行います。

var socket = io.connect()

これで問題が解決するはずです。

14
instinctious