How to include socket.io with angularjs and Express.js?

Question

Using socket.io with nodejs and angular

myApp.factory('socket', function ($rootScope) {
  var socket = io.connect('http://localhost');

'io' not defined error

In express i'm writing:-

var io = require('socket.io').listen(app.listen(app.get('port')));
io.sockets.on('connection', function (socket) {
    console.log('io.socket connection');
  socket.emit('news', { hello: 'world' });
  socket.on('my other event', function (data) {
    console.log(data);
  });
});

The server is not showing error.

I am trying to follow this tutorial.

Edit:- when i add <script src="http://cdn.socket.io/stable/socket.io.js"></script>

it says connect is not a method of object 'io'

Paul Mougel · Accepted Answer · 2013-11-21 09:05:40Z

3

Socket.io is meant to be installed both on the server and on the client. By calling require() on the server you use the server-side library, but you still need to include the client-side library in the browser.

Put this somewhere in your HTML file (CDN provided by Cloudflare):

<script src="http://cdnjs.cloudflare.com/ajax/libs/socket.io/0.9.16/socket.io.min.js"></script>

Note this is detailed in the basic example on the front page of the Socket.io website.

edited Nov 21, 2013 at 9:05

answered Nov 21, 2013 at 8:55

Paul Mougel

17.1k6 gold badges59 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sangram Singh Over a year ago

thanks. now it says 'connect' is not method defined.

Paul Mougel Over a year ago

Looks like you're using an old version of Socket.io (0.6). See my updated answer, it uses the latest stable version (0.9.16).

Collectives™ on Stack Overflow

How to include socket.io with angularjs and Express.js?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related