当使用express时，socketio中会出现什么错误？

Question

我已经尝试了许多方法来连接socket-io客户端和服务器与express，但它不工作，现在我不知道什么可能是错误的。

我曾尝试克隆socket-io网站上提供的示例，但它仍未显示任何连接或任何函数无法发送。

This is server.js and this is my code i have made many changes in it but not working.


var express = require('express');
var app = express();
var path = require('path');
//require socket.io
var http = require('http').createServer(app);
var io = require('socket.io')(http);

//Setup a public path to load files
app.use(express.static('public'))
//app.use(express.static(path.join(__dirname, 'public')));

//Route for index
app.get(('/'),(req,res)=>{
    res.send('index'); 
});

//Socket connection

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



app.listen(3000,()=>{
    console.log('server running on port 3000');}
);


This is index.html that the server.js is sending i only included the script 


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

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

I expect it to console log when socket is connected and disconnected and emit the functions normally.

Answer 1

您好，这是您的socket.io工作示例

在服务器代码中

    const express = require('express')
const app = express();

//Listen on port 3000
server = app.listen(3000, () => {
    console.log('server running on port 3000');
})

//socket.io instantiation
const io = require("socket.io")(server)


//listen on every connection
io.on('connection', (socket) => {
    console.log('New user connected')

    socket.emit('news', { hello: 'world' });
})

以下是HTML代码

<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js"></script>
<script>
    var socket = io.connect('http://localhost:3000');
    socket.on('news', function (data) {
        console.log(data);
        socket.emit('my other event', { my: 'data' });
    });
</script>