Question

我正在尝试将HTML页面连接到Socket.IO。尽管我有面向对象语言的经验，但到目前为止，Web对我来说还是很新的。我有一个socket.io服务器正在运行，可以从C＃调用它，并相应地接收响应。但是，现在我需要将其连接到无法正常工作的HTML页面。

我尝试从以下三个站点应用代码： Socket.io emit button press to all clients https://socket.io/get-started/chat https://www.tutorialspoint.com/socket.io/socket.io_quick_guide.htm

但是，即使从字面上复制粘贴，它们甚至都不会显示“用户已连接”消息。

我写的JS代码是这样的：

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

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

var client;

//Whenever someone connects this gets executed
io.on('connection', function(socket) {
    console.log('A user connected');

    //Whenever someone disconnects this piece of code executed
    socket.on('disconnect', function () {
        console.log('A user disconnected');
    });

    socket.on('SERVER_CONNECTED', function () {
        console.log('SERVER_CONNECTED');
        client = socket.id;
        io.sockets.connected[client].emit("SERVER_REGISTERED");
    });

    socket.on('MOVE_LEFT', function () {
        console.log('MOVE_LEFT');
    });

    socket.on('MOVE_RIGHT', function () {
        console.log('MOVE_RIGHT');
    });

    socket.on('SHOOT', function () {
        console.log('SHOOT');
    });
});

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

io.attach(4567);

以及HTML代码：

<!doctype html>
<html lang="en">
    <head>
        <title>Socket IO Connection</title>
        <script>
            var socket = io();

            function ClickLeft() {
                socket.emit('MOVE_LEFT');
            }

            function ClickRight() {
                socket.emit('MOVE_RIGHT');
            }

            function ClickShoot() {
                socket.emit('SHOOT');
            }
        </script>
    </head>
    <body>
        hello world
        <button type="button" onclick="ClickLeft()">Links</button>
        <button type="button" onclick="ClickRight()">Rechts</button>
        <button type="button" onclick="ClickShoot()">PIEW PIEW</button>
    </body>
</html>

没有io.attach(4567);，我的C＃代码找不到websocket，但是，如果我也尝试将此端口用于HTML（EADDRINUSE: address already in use :::3000），也会收到io错误。

因此，总结一下； HTML为什么不连接/将数据发送到套接字？

Answer 1

在浏览器的开发人员工具中打开控制台。

您应该看到一条错误消息，告诉您n/(3n+1)未定义。

您错过了链接到的教程中的本节：

io

按下HTML按钮不会将呼叫发送到socket.io

1 个答案: