为什么我在使用WebSocket的Node.js中进行简单聊天不会发送消息

Question

聊天是使用来自socket.io库的websockets在nodejs中编程的，我有一个客户端也使用来自socket.io的websockets，但是我无法使两者一起工作。 出于某种原因，客户端不会将消息发送到服务器（我有一个console.log函数，当它收到消息时它应该写到控制台，但是不写任何东西）。

服务器的代码是：

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
var port = process.env.PORT || 3000;

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

io.on('connection', function(socket){
  socket.on('chat message', function(msg){
       console.log('message: ' + msg);
    io.emit('chat message', msg);
  });
});

http.listen(port, function(){
  console.log('listening on *:' + port);
});

对于客户而言：

<!DOCTYPE html>
<html>
<head>
    <style>
        * { margin:0; padding:0; font-size:11px; font-family:arial; color:#444; }
        body { padding:20px; }
        #message-list { list-style-type:none; width:300px; height:300px; overflow:auto; border:1px solid #999; padding:20px; }
        #message-list li { border-bottom:1px solid #ccc; padding-bottom:2px; margin-bottom:5px; }
        code { font-family:courier; background:#eee; padding:2px 4px; }
    </style>
    <script src="http://cdn.socket.io/stable/socket.io.js"></script>
    <script>



        // Sends a message to the server via sockets
        function sendMessageToServer(message) {
            socket.send(message);
            log('<span style="color:#888">Sending "' + message + '" to the server!</span>');
        }

        // Outputs to console and list
        function log(message) {
            var li = document.createElement('li');
            li.innerHTML = message;
            document.getElementById('message-list').appendChild(li);
        }


        // Create a socket instance
        socket = new WebSocket('ws://localhost:8080');

        // Open the socket
        socket.onopen = function(event) {
            console.log('Socket opened on client side',event);

            // Listen for messages
            socket.onmessage = function(event) {
                console.log('Client received a message',event);
            };

            // Listen for socket closes
            socket.onclose = function(event) {
                console.log('Client notified socket has closed',event);
            };

        };


    </script>
</head>
<body>

    <p>Messages will appear below (and in the console).</p><br />
    <ul id="message-list"></ul>
    <ul style="margin:20px 0 0 20px;">
        <li>Type <code>socket.disconnect()</code> to disconnect</li>
        <li>Type <code>socket.connect()</code> to reconnect</li>
        <li>Type <code>sendMessageToServer('Your Message')</code> to send a message to the server</li>
    </ul>

</body>
</html>

你知道这里有什么问题吗？ 提前致谢！

Answer 1

根据我的知识，您有几个问题。 如果它们都是固定的，它应该可以工作。

连接socket.io.js文件应该是您自己的文件。 在您的情况下，我猜这是<script src="http://localhost:3000/socket/socket.io.js"></script>我不确定100％，因为您的端口可能会有所不同。
您没有在客户端正确定义套接字。 定义为： var socket = io(); 。 您的操作方式是socket = new WebSocket('ws://localhost:8080'); 未定义WebSocket的位置。 并且，该代码将创建一个新的websocket服务器，您已经在服务器代码中完成了此操作。 您需要在客户端执行的操作仅是连接到服务器。
您必须使用相同的通道，以使客户端和服务器进行通信。 因此，在客户端代码中，您应该发送类似于socket.emit('chat message', 'content you want to send' 。
我不知道为什么您再次在服务器端发出消息。 我假设您正在从客户端向服务器发送消息。 因此，您不应在服务器代码中包含发出命令。

如果所有四个问题都已解决，那么它将起作用。

如果我的表达不清楚，我为您写了一个超级简单的示例：

服务器端：

let io = socketio(server.listener);
io.on("connection", function(socket) {
    console.log("A user connected");

    // auto messages when a user is connected
    setTimeout(function() {
        socket.send("message at 4 seconds");
    }, 4000);
    setTimeout(function() {
        socket.send("message at 8 seconds");
    }, 8000);

    // callback when a user disconnected
    socket.on("disconnect", function(){
        console.log("A user disconnected");
    });

    // receive message from client
    socket.on("client-server", function(msg) {
        console.log(msg);
    });
});

// you put this code anywhere when you need to send message from server to client
io.emit("server-client", "server to client message");

客户端：

<!DOCTYPE html>
<html>
  <head><title>Hello world</title></head>
  <script src="http://localhost:3000/socket.io/socket.io.js"></script>
  <script>
    var socket = io();
    socket.on('server-client', function(data) {document.write(data)});
    socket.emit('client-server', 'test message');
  </script>
  <body>Hello world</body>
</html>

我的服务器代码是用打字稿编写的，所以不要介意让关键字，双引号等。

为什么我在使用WebSocket的Node.js中进行简单聊天不会发送消息

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-03-29 18:12:17

为什么我在使用WebSocket的Node.js中进行简单聊天不会发送消息

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-03-29 18:12:17

解决方案1
0 已采纳 2017-03-29 18:12:17