简体   繁体   中英

Socket.io not being served by Node.js server

As I understood it, from http://socket.io/#how-to-use , node.js automatically serves the socket.io file on the server.

I have installed socket.io with npm install socket.io and I can see that it resides in node_modules one level above the server root.

server.js:

    var static = require('./plugins/node-static');
var socketIO = require('socket.io');
var clientFiles = new static.Server('./client');

var http = require('http');
httpServer = http.createServer(function (request, response) {
    request.addListener('end', function () {
            clientFiles.serve(request, response);
        });
}).listen(8253);

var webSocket = socketIO.listen(httpServer);
webSocket.on('connection', function(client) { .....

index.html:

<html>
<head>
    <title>Chat</title>
</head>
<body>
    <script src="/socket.io/socket.io.js"></script>
    <script type="text/javascript"
            src="http://code.jquery.com/jquery-1.5.2.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            var webSocket = new io.Socket('localhost', { port: 8253 });
            webSocket.connect(); .......

Starting the server works fine, but when opening index.html, I receive the following error:

GET http://localhost:8253/socket.io/socket.io.js 404 (Not Found)
Uncaught ReferenceError: io is not defined                 :8253/:25

Ideas?

Try listening on the server after you bind it with socket.io

Place this

httpServer.listen(8253);

after

var webSocket = socketIO.listen(httpServer);

Edited: Apologies, I have written something that did not answer your question.

On the client side you need the following:

var socket = io.connect(); //Hostname and port not required - Autodetected
socket.on('connect', function(){
  $('#status').text('Connected');
});
socket.on('message', function(m){
 $('#message').text(m);
});
socket.on('disconnect', function(){
 $('#status').text('Disconnected');
});

Working example => https://github.com/parj/node-websocket-demo/blob/master/public/main.js

NPM Information (if required): If you are in Linux

cd <location of your server.js>
npm install -g socket.ion #install globally
npm link socket.io. #Create a symbolic link 

If you are on Windows you can't do npm link

cd <location of your server.js>
npm install socket.io

Your directory structure should look like

server.js
node_modules/ #Directory - same level as server.js
    socket.io #socket.io underneath that

node_modules should be in the same directory as server.js, not above server root

When you are converting from a regular express app:

const express = require('express')
const app = express()
app.listen(3000, function () {
  console.log('Example app listening on port 3000!')
})

It is important to do two things:

One(that one I believe everyone gets right):

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

Two(this one is very easy to miss) : Call server.listen instead of app.listen

I spent almost two hours debugging this, that's why I'm documenting.

For those deploying on Azure (I can't vouch for any other platforms) make sure that your package.json file includes a start script.

Example:

"scripts" : { "start": "node index.js" }

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM