美文网首页
socket.io的使用

socket.io的使用

作者: 4e962de3f740 | 来源:发表于2017-04-19 09:25 被阅读0次

    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+"

    ")

    })

    })

    相关文章

      网友评论

          本文标题:socket.io的使用

          本文链接:https://www.haomeiwen.com/subject/lxsczttx.html