套接字IO示例

时间:2016-04-09 01:18:24

标签: javascript node.js sockets socket.io

我正在尝试使用套接字io,因此我可以动态更新网站上的数据:

编辑:更新代码

在app.js中:

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

var routes = require('./routes/index');
app.use('/', routes);

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

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

server.listen(app.get('port'), function(){
  console.log('Express listening on port ' + app.get('port'));
});

在index.ejs中:

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

页面正确加载,但socketio脚本什么都不做。我试图让代码尽可能简单。

快速侦听端口80输出到控制台正常。

在www。

#!/usr/bin/env node

/**
 * Module dependencies.
 */

var app = require('../app');
var debug = require('debug')('untitled:server');
var http = require('http');

/**
 * Get port from environment and store in Express.
 */

var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);

/**
 * Create HTTP server.
 */

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

//var io = require('socket.io')(server);

/**
 * Listen on provided port, on all network interfaces.
 */

server.listen(port);
server.on('error', onError);
server.on('listening', onListening);

/**
 * Normalize a port into a number, string, or false.
 */

function normalizePort(val) {
  var port = parseInt(val, 10);

  if (isNaN(port)) {
    // named pipe
    return val;
  }

  if (port >= 0) {
    // port number
    return port;
  }

  return false;
}

/**
 * Event listener for HTTP server "error" event.
 */

function onError(error) {
  if (error.syscall !== 'listen') {
    throw error;
  }

  var bind = typeof port === 'string'
    ? 'Pipe ' + port
    : 'Port ' + port;

  // handle specific listen errors with friendly messages
  switch (error.code) {
    case 'EACCES':
      console.error(bind + ' requires elevated privileges');
      process.exit(1);
      break;
    case 'EADDRINUSE':
      console.error(bind + ' is already in use');
      process.exit(1);
      break;
    default:
      throw error;
  }
}

/**
 * Event listener for HTTP server "listening" event.
 */

function onListening() {
  var addr = server.address();
  var bind = typeof addr === 'string'
    ? 'pipe ' + addr
    : 'port ' + addr.port;
  debug('Listening on ' + bind);
}

2 个答案:

答案 0 :(得分:2)

不太确定你的意思是什么&#34;套接字脚本什么都不做&#34;因为你并没有在客户端做任何事情!无论如何,从发布的代码。

编辑:

此代码适用于客户端和服务器。

server.js

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

app.set('view engine', 'jade');
app.set('views', './views');

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

io.on('connection', function (socket) {
  console.log('connected via server');
});

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

index.jade(你可以使用ejs或html)

html
    head
        script(src="/socket.io/socket.io.js")
        script.
            var socket = io.connect();
            socket.on('connect', function() {
                console.log('greetings from client');
            });
    body
        h1 hello world

您也可以手动尝试自己提供socket.io-client软件包。

答案 1 :(得分:1)

终于解决了它:

Using socket.io in Express 4 and express-generator's /bin/www

我必须对express 4.0进行一些更改