node 简单实现socket 客户端与服务器通信

参考 http://www.open-open.com/lib/...

npm install socket.io

感觉和vuex redux 差不多

chat_server.js

const express = require("express")
const app = express()
const http = require("http").Server(app)
const socket = require("socket.io")
const io = socket(http)

app.use( express.static("public") )

let onlineUser = {}
let onlineCount = 0

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

    socket.on("login",function(obj){
        socket.name = obj.userid
        if( !onlineUser.hasOwnProperty(obj.userid) ){
            onlineUser[obj.userid] = obj.username
            onlineCount++
        }
        io.emit("login",{
            onlineUser:onlineUser,
            onlineCount:onlineCount,
            user:obj
        })
        console.log( obj.username + '加入了聊天室' )
        console.log("在线人数: " + onlineCount )
    })
})


http.listen(80,function(){
    console.log(80)
})

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p>test</p>
    <script src="https://cdn.bootcss.com/socket.io/1.7.3/socket.io.js"></script>
    <script>
        var socket = io('http://localhost');
            socket.emit("login",{userid:Date.now(),username:'taoqun'},function(data){
                console.log(data)
            })
            socket.on("login",function(data){
                console.log(data)
            })
    </script>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值