Question

我遵循了Jeffrey方式的教程。
教程：
https://laracasts.com/series/real-time-laravel-with-socket-io/episodes/1

这是我的index.js

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

server.listen(3000);

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

io.on('connection', function(socket){   
   console.log('A connection is made'); 
});

有人说它的版本和年份。我认为上面的代码适用于2014年。

这是我的HTML：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"></meta>
    <title>Chat Lesson</title>
</head>
<body>
    <h1>Hello world!</h1>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js"></script>
    <script type="text/javascript">
        var socket = io();
    </script>
</body>
</html>

我做了很多研究。有人说序列很重要，但我找到了很多序列。

我的错误：

GET http://chat-lesson.local:8888/socket.io/?EIO=3&transport=polling&t=1515636281477-74 404 (Not Found)

我的问题：
为什么没有找到404？我在每一步都遵循了Jeffrey方式的教程，教程只有5-8分钟。

Mamp Pro 4
NPM 3.10.10

我尝试使用server.listen(8888);

events.js:160
      throw er; // Unhandled 'error' event
      ^

Error: listen EADDRINUSE :::8888
    at Object.exports._errnoException (util.js:1022:11)
    at exports._exceptionWithHostPort (util.js:1045:20)
    at Server._listen2 (net.js:1259:14)
    at listen (net.js:1295:10)
    at Server.listen (net.js:1391:5)
    at Object.<anonymous> (/Users/kendantinio/Documents/Freelancer/blvnp/chat-lesson/index.js:5:8)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)

Answer 1

您的服务器正在侦听端口3000，但您显示的socket.io URL是端口8888.如果您确实在端口8888上运行了其他服务器（可能是您的PHP服务器），那么这个＆＃＃39;正在运行socket.io。

要准确了解需要哪些修补程序，这会引发一个问题，即您为HTML显示的网页的网址是什么？当您显示该页面时，浏览器在URL栏中显示什么？您的node.js代码意味着您打算从端口3000 node.js服务器加载该页面，但是如果是这种情况，您显示的客户端代码将不会从端口8888加载它。

Answer 2

尝试执行此代码。

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

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

users = [];
io.on('connection', function(socket) {
    console.log('A user connected');
    socket.on('setUsername', function(data) {
        console.log(data);

        if(users.indexOf(data) > -1) {
            socket.emit('userExists', data + ' username is taken! Try some other username.');
        } else {
            users.push(data);
            socket.emit('userSet', {username: data});
        }
    });

    socket.on('msg', function(data) {
        //Send message to everyone
        io.sockets.emit('newmsg', data);
    })
});

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

让我知道它是否有效。

Answer 3

我正在添加此内容，因为这首先出现在Google上，我花了2天时间才找到解决方案。

我正在使用Node.js和React，socket.io-client

我能够通过将url和配置对象传递给io命名空间来使其工作。

import io from 'socket.io-client'
const socket = io('http://localhost:3000', {
    reconnectionDelay: 1000,
    reconnection: true,
    reconnectionAttemps: 10,
    transports: ['websocket'],
    agent: false,
    upgrade: false,
    rejectUnauthorized: false
});

Answer 4

我几乎可以确定Marlon的代码可以正常工作，因为http.listen位于index.js的末尾

Socket.io 404错误

4 个答案: