socket.io的使用

2017-04-19  本文已影响0人  4e962de3f740

socket可以实现用户交互:    用emit发送出去    再由broadcast.emit广播出去    在另一边用socket.on监听接受发送出来的变量

快速上手配置

1.npm install socket.io --save

2在app.js中的配置

const app = require("express")();

const http = require("http").Server(app);

const io = require("socket.io")(http)

//路由

app.get("/",function (req,res) {

res.sendfile(__dirname+"/drag.html")

})

//用on方法来监听io模块

io.on("connection",function(socket){

console.log('socket与服务器产生了链接')

socket.on("disconnect",function(){

console.log("与服务器时区链接")

})

// socket.on("chatting",function(data){

// console.log("收到了数据")

// socket.broadcast.emit("welcome","欢迎武梦卓进入该群")

// socket.broadcast.emit("ReturnMsg",data)

// socket.emit("myMsg",data)

// })

socket.on("drag",function(data){

console.log(data)

socket.broadcast.emit("drag",data)

})

})

http.listen(3000,function(argument){

console.log("服务器创建成功了");

})

在页面用socket.on来监听广播回来的变量    来接受数据

socket.on("welcome",function(data){

$("ul").append("

"+data+"

")

socket.on("ReturnMsg",function(data){

$("ul").append("

"+"大哥:"+data+"

")

})

})

上一篇下一篇

猜你喜欢

热点阅读