Nodejs实现websocket 数据实时更新适用h5（模拟数据，不需要数据库）_websocket数据不存库(1)

最新推荐文章于 2024-04-29 11:59:43 发布

2401_84437982

最新推荐文章于 2024-04-29 11:59:43 发布

阅读量94

点赞数 1

分类专栏：程序员文章标签： websocket 数据库网络协议

本文链接：https://blog.csdn.net/2401_84437982/article/details/138294085

版权

程序员专栏收录该内容

162 篇文章 0 订阅

订阅专栏

        let str = '{"001","0101",[]}';
            conn.sendText(str)
    }, 3000)
    setTimeout(()=>{  
        let str = '{"001","0101",[{"name": "sss", "age": '+ 7 + ', "height": 160}]}';
            conn.sendText(str)
    }, 4000)
    setTimeout(()=>{  
        let str = '{"001","0101",[{"name": "ttg", "age": '+ 8 + ', "height": 160}]}';
            conn.sendText(str)
    }, 5000)
    setTimeout(()=>{  
        let str = '{"001","0101",[{"name": "ck", "age": '+ 9 + ', "height": 160}]}';
            conn.sendText(str)
    }, 6000)
    setTimeout(()=>{  
        let str = '{"001","0101",[{"name": "ack", "age": '+ 20 + ', "height": 160}]}';
            conn.sendText(str)
    }, 7000)
    setTimeout(()=>{  
        let str = '{"001","0101",[{"name": "jack", "age": '+ 30 + ', "height": 160}]}';
            conn.sendText(str)
    }, 9000)


})
conn.on("close", function (code, reason) {
    console.log("关闭连接")
});
conn.on("error", function (code, reason) {
    console.log("异常关闭")
});

}).listen(3300)
console.log(“WebSocket建立完毕”)


我本地入口文件是index.js


所以启动后台服务： node index.js


![](https://img-blog.csdnimg.cn/20190422101851226.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ2MjQ5,size_16,color_FFFFFF,t_70)



 客户端代码：


![](https://img-blog.csdnimg.cn/20190422101931497.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ2MjQ5,size_16,color_FFFFFF,t_70)


 效果图：点击按钮，内容就会自动实时更新


![](https://img-blog.csdnimg.cn/20190422102309144.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ2MjQ5,size_16,color_FFFFFF,t_70)


 ![](https://img-blog.csdnimg.cn/20190422102337871.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ2MjQ5,size_16,color_FFFFFF,t_70)


代码非常简单：很容易看懂，nodejs-WebSocket的调用也非常简洁明了，具体nodejs-websocket的API可以看<https://www.npmjs.org/package/nodejs-websocket>，里面都有介绍，自己测试一下，就很容易了，客户端的实现也是很简单，就通过onopen,onmessage等几个方法就可以实现了。 


如果需要源码：请加作者微信（nieyingdong1）或者关注服务号：‘前端的那些事情’ 获取；


![](https://img-blog.csdnimg.cn/20190422102112882.png)






### 文末

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。



个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

![](https://img-blog.csdnimg.cn/img_convert/3e0d5b0f6a97b823cc1ef22ff1a18191.png)



第二阶段:移动端开发技术

![](https://img-blog.csdnimg.cn/img_convert/fc21db0a800494796dc6408ce1486031.png)

第三阶段:前端常用框架

![](https://img-blog.csdnimg.cn/img_convert/644efd4ddd0f8d43535f1982ec0da6e4.png)



**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

*   推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

*   大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。