• 技术文章 >web前端 >js教程

    使用NodeJS如何实现WebSocket功能

    亚连亚连2018-06-06 11:30:34原创881
    这篇文章主要介绍了NodeJS简单实现WebSocket功能,结合具体实例形式分析了nodejs实现WebSocket通信功能的客户端与服务器端相关操作技巧,需要的朋友可以参考下

    本文实例讲述了NodeJS简单实现WebSocket功能。分享给大家供大家参考,具体如下:

    我们基于expresssocket.io开发,首先我们需要安装以下包

    npm install --save express
    npm install --save socket.io

    服务器端代码:

    var app = require('express')();
    var http = require('http').Server(app);
    var io = require('socket.io')(http);
    app.get('/', function(req, res){
      res.send('<h1>Welcome Realtime Server</h1>');
    });
    io.on('connection', function(socket){
      console.log('a user connected');
      socket.on("disconnect", function() {
        console.log("a user go out");
      });
      socket.on("message", function(obj) {
        io.emit("message", obj);
      });
    });
    http.listen(3000, function(){
      console.log('listening on *:3000');
    });

    客户端代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Document</title>
      <script src="http://127.0.0.1:3000/socket.io/socket.io.js"></script>
    </head>
    <body>
      <ul id="message"></ul>
      <script>
        socket = io.connect('ws://127.0.0.1:3000');
        socket.emit("message", {"name" : navigator.userAgent, "msg" : "hello world"});
        socket.on("message", function(obj) {
          console.log(obj);
        });
      </script>
    </body>
    </html>

    上面是我整理给大家的,希望今后会对大家有帮助。

    相关文章:

    如何使用puppeteer破解极验的滑动验证码

    在jquery中给动态生成的标签绑定事件(详细教程)

    在JS中如何改变页面颜色(详细教程)

    以上就是使用NodeJS如何实现WebSocket功能的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:NodeJS WebSocket
    上一篇:如何使用$refs 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 一文聊聊node中的path模块• 浅析Angular变更检测中的订阅异步事件• 聊聊如何选择一个最好的Node.js Docker镜像?• Angular中什么是变更检测?什么情况下会引起变更检测?• 一文带你深入了解Node中的Buffer类
    1/1

    PHP中文网