socket.io的简单使用

附：不错的学习参考地址

socket.io/get-started…

blog.csdn.net/neuq_zxy/ar…

1.安装-前端与服务端项目中都要安装

npm install --save socket.io

2.前端代码

第一步
// src/test/socketio_test.js代码

// 引入客户端 io
import io from 'socket.io-client'   
 // 连接服务器, 得到代表连接的 socket 对象
const socket=io('ws://localhost:4000') 

// 绑定'receiveMessage'的监听, 来接收服务器发送的消息
socket.on('receiveMsg',function(data){
    console.log('浏览器端接收到消息:', data)
})
// 向服务器发送消息
socket.emit('sendMsg','111')

第二步
// 在src/index.js
import './test/socketio_test'

3.服务端代码

第一步// socketIO/test.js

module.exports=function(server){
    const io=require('socket.io')(server);
    // 监视连接(当有一个客户连接上时回调)
    io.on('connection',function(socket){
        socket.on('sendMsg',function(data){
            console.log('服务器接收到浏览器的消息', data)
        })
        // 向客户端发送消息(名称, 数据)
        socket.emit('receiveMsg','2222')
    })
}

//第二步 在bin/www文件下添加
var io = require('socket.io').listen(server);
require('../socketIO/test')(server)