socket.io入门

关于Socket.Io

• Socket.IO是一个库，它支持浏览器和服务器之间的实时、双向和基于事件的通信。
• Socket.IO是不WebSocket实现。尽管Socket.IO确实在可能的情况下使用WebSocket作为传输，但它在每个数据包中添加了一些元数据：数据包类型、名称空间和当需要消息确认时的ack id。这就是为什么WebSocket客户端无法成功连接到Socket.IO服务器，Socket.IO客户端也无法连接到WebSocket服务器。（WebSocket的原理就是利用Http请求产生握手，握手之后，二者转用TCP协议进行交流，但是如果使用WebSocket，需要浏览器和服务器都支持才可以，例如IE9以下浏览器不支持HTML5，则不行）

• 文档

  • https://socket.io/docs/
  • https://www.npmjs.com/package...

Demo

package.json

{
  "name": "study",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "express": "^4.16.3",
    "socket.io": "^2.0.4"
  },
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

index.js

const express = require('express')
const app = express()

const server = require('http').Server(app)

const io = require('socket.io')(server)

app.get('/', (req,res)=>{
    res.sendFile(__dirname + '/index.html')
})

app.get('/one', (req,res)=>{
    res.sendFile(__dirname + '/one.html')
})

app.get('/two', (req,res)=>{
    res.sendFile(__dirname + '/two.html')
})

// 监听用户是否进入，不管多少个用户都是一个connection
io.on('connection', socket=>{
    console.log('有客人来了')

    // socket 监听客户端发送的数据msg
    socket.on('chatroom', msg=>{ // 接收chatroom命令，这里的msg就是用户输入的内容
        io.emit('chatroom_1', `服务器说：${msg}`) // 发出chatroom_1命令，回复客户端消息
    })

    socket.on('chatone', msg=>{
        io.emit('chatone', `one: ${msg}`)
    })

    socket.on("chattwo",function(msg){
        io.emit("chattwo", `${msg.id}: ${msg.mes}`)
    });
})

server.listen(80)

index.html

    
    




    Send

one.html

    
    




    Send

two.html

    
    




    Send

• socket.emit('action');表示发送了一个action命令，命令是字符串格式，在另一端接收时写为：socket.on('action',function(){...});
• socket.emit('action',data);表示发送了一个action命令，还有data数据，在另一端接收时写为：socket.on('action',function(data){...});
• socket.emit(action,arg1,arg2);表示发送了一个action命令，还有两个数据，在另一端接收时写为：socket.on('action',function(arg1,arg2){...});
• 在emit方法中包含回调函数，例如：socket.emit('action',data,function(arg1,arg2){});那么这里面有一个回调函数可以在另一端调用，另一端可以这么写：socket.on('action',function(data,fn){fn('a','b')});
• 上面的data数据可以有0个或者多个，相应的在另一端改变function中参数的个数即可，function中的参数个数和顺序应该和发送时一致，当然向fn这样的回调函数也可以理解为参数，一次发送不应该写多个回调，否则只有最后一个起效，回调应作为最后一个参数。