socket.io 记

时间：2017-7-26 作者：new 分类： 游戏服务器

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

app.use(express.static(path.join(__dirname,'/public')));

io.on('connection', function(socket){
    console.log('a user connected');
    socket.on('msg', function(data){
        console.log(data);
        socket.broadcast.emit('new msg', data);
    });
    socket.on('disconnect',function(){
        console.log('user disconnet');
    });
});

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

前端

<!DOCTYPE html>
<html>
<head>
    <title>sk</title>
</head>
<script src="https://cdn.bootcss.com/socket.io/1.7.3/socket.io.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>

<body>
test<br/>
<div id="content"></div>
<input type="text" id="msg">
<input type="button" id="send_btn" value="Send" >
</body>
<script>
  window.onload=function(){
    var socket = io.connect('http://127.0.0.1:3000');

    socket.on('new msg', function(data){
      console.log('<<'+data);
      $('#content').html($('#content').html()+'<br/>'+ data);
    });
    console.log("-------------");

    $('#send_btn').click(function(){
      socket.emit('msg', $('#msg').val());
      $('#msg').val('');
      return false;
    });
  }
</script>
</html>

标签: socket.io