webSocket使用及vue中封装使用(客户端和服务端搭建)

当时由于c++同事当时出差,于是自学了webSocket并用node搭建了一个简单的服务端用来自己调试,当时就感觉到求人不如求己啊。
P.s:参考的有网上的文章,珠峰全栈里的webSocket、黑马pink老师B站里的另一个老师的实战项目课程里的

webSocket相关基础内容请查看

内容待更新

一、搭建node服务端

1、安装node环境
2、安装nodejs-websocket

控制台输入命令

npm install nodejs-websocket
3、新建socket.js文件

socket.js

const ws = require("nodejs-websocket");
console.log("开始建立连接...")

const socket = ws.createServer(function(conn){
   
   
    conn.on("text", function (str) {
   
   
        console.log("message:"+str)
        let msg = "你好,这里是是日前端~"
        // let msg = 'websocket处于正常状态'
        setInterval(() => {
   
   
            conn.sendText(msg);
        }, 3000)
    })
    conn.on("close", function (code, reason) {
   
   
        console.log("关闭连接")
    });
    conn.on("error", function (code, reason) {
   
   
        console.log("异常关闭", code, reason)
    });
}).listen(8666)
console.log("WebSocket建立完毕")

module.exports = socket

4、运行该js文件看到如下日志即可

评论 8
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值