首页 > Web开发 > 详细

WebSocket + Nodejs 的简单使用

时间:2019-04-20 16:09:04      阅读:150      评论:0      收藏:0      [点我收藏+]

这里代码复制过去就可以测试效果了! 有一个坑,好多人都不提示访问路径,我习惯性的就是访问 localhost:3000,然后访问不到,这里其实使用前端绝对路径打开页面就可以了。。。 

技术分享图片

 

1、下载 nodejs-websocket 模块

npm install nodejs-websocket --save

2、服务器端

var ws = require(‘nodejs-websocket‘);
var server = ws.createServer(function(socket){
// 事件名称为text(读取字符串时,就叫做text),读取客户端传来的字符串
   var count = 1;
    socket.on(‘text‘, function(str) {
       // 在控制台输出前端传来的消息  
        console.log(str);
        //向前端回复消息
        socket.sendText(‘服务器端收到客户端端发来的消息了!‘ + count++);
    });
}).listen(3000); 

 

3 客户端

<script>
       // 打开一个 web socket  这里端口号和上面监听的需一致
        var ws = new WebSocket(‘ws://localhost:3000/‘);
   
        // Web Socket 已连接上,使用 send() 方法发送数据
        ws.onopen = function() {
        // 这里用一个延时器模拟事件
            setInterval(function() {
                ws.send(‘客户端消息‘);
            },2000);
        }
        // 这里接受服务器端发过来的消息
        ws.onmessage = function(e) {
            console.log(e.data)
        }

</script>

4、 查看结果

技术分享图片

技术分享图片

 

  

WebSocket + Nodejs 的简单使用

原文:https://www.cnblogs.com/chtzz/p/10741241.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!