Node.js之构建WebSocket服务全过程

 更新时间:2024年09月06日 13:25:38   作者:一介白衣ing  
这篇文章主要介绍了Node.js之构建WebSocket服务全过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

WebSocket简介

WebSocket是HTML5开始提供的一种在单个TCP 连接上进行全双工通讯的协议。

它有如下特点:

  • 基于TCP,客户端和服务端只建立一个TCP连接。
  • 服务端可以主动向客户端发送消息。
  • 采用了二进制帧结构,不具备HTTP/2多路复用、优先级等特性
  • 更轻量的协议头,减少数据传输量。
  • WebSocket握手包的报文格式必须符合HTTP报文格式的规范

客户端和服务端的简单实现

服务端

服务端我们使用nodejs-websocket包来实现。

const ws = require("nodejs-websocket");
const server = ws.createServer(function (socket) {
  // 读取字符串消息,事件名称为:text
  var count = 1;
  socket.on("text", function (str) {
    // 在控制台输出前端传来的消息
    console.log(str);
    //向前端回复消息

    setInterval(() => {
      socket.sendText("服务器端收到客户端发来的消息" + str + count++);
    }, 2000);
  });

  socket.on("error", () => {
    console.log("err");
  });
});

server.listen(3000, () => {
  console.log("connected...");
});

nodejs-websocket包读取字符串事件为text,发送字符串到客户端方法为sendText()

还有其他方法和事件请阅读源码。

运行上边的代码,启动服务

客户端

const WebSocket = require("ws");
const ws = new WebSocket("ws://localhost:3000/");

ws.onopen = function () {
  setInterval(function () {
    ws.send("客户端消息");
  }, 2000);
};

ws.onmessage = function (e) {
  console.log(e.data);
};

当然,这段代码也可以在浏览器直接运行(不需要引入ws包)。

我们使用定时器模拟消息的实时发送,来观察客户端和服务端消息的通讯过程。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 利用Node.js编写跨平台的spawn语句详解

    利用Node.js编写跨平台的spawn语句详解

    Node.js 最强大的一点就是“跨平台”。只要在编码时稍微注意一下,你的代码就通吃 Windows、Linux 和 OSX 平台。下面这篇文章主要介绍了如何利用Node.js编写跨平台的spawn语句,需要的朋友可以参考借鉴。
    2017-02-02
  • 详解nodejs微信公众号开发——5.素材管理接口

    详解nodejs微信公众号开发——5.素材管理接口

    这篇文章主要介绍了详解nodejs微信公众号开发——5.素材管理接口,非常具有实用价值,需要的朋友可以参考下
    2017-04-04
  • Node.js基础模块babel使用详解

    Node.js基础模块babel使用详解

    这篇文章主要介绍了Node.js基础模块babel使用详解,babel是由一系列的组件构成,所以我们在开发过程中,要从自行配置组件来开始使用babel的功能
    2022-06-06
  • Express 配置HTML页面访问的实现

    Express 配置HTML页面访问的实现

    这篇文章主要介绍了Express 配置HTML页面访问的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • node.js中的fs.readSync方法使用说明

    node.js中的fs.readSync方法使用说明

    这篇文章主要介绍了node.js中的fs.readSync方法使用说明,本文介绍了fs.readSync方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下
    2014-12-12
  • 详解npm和cnpm混用的坑

    详解npm和cnpm混用的坑

    有没有遇到过npm和cnpm一起用的时候出现奇奇怪怪的问题呢? 有没有遇到过cnpm在支付宝小程序上面安装包无效?本文就详解一下npm和cnpm混用的坑,感兴趣的可以了解下
    2021-07-07
  • 详解从买域名到使用pm2部署node.js项目全过程

    详解从买域名到使用pm2部署node.js项目全过程

    本篇文章主要介绍了详解从买域名到使用pm2部署node.js项目全过程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • node.js中的定时器nextTick()和setImmediate()区别分析

    node.js中的定时器nextTick()和setImmediate()区别分析

    本文介绍了node.js中的定时器nextTick()和setImmediate()的区别分析,非常的不错,这里推荐给大家。
    2014-11-11
  • nodejs读写json文件的简单方法(必看)

    nodejs读写json文件的简单方法(必看)

    下面小编就为大家带来一篇nodejs读写json文件的简单方法(必看)。
    2017-03-03
  • Nodejs中crypto模块的安全知识讲解

    Nodejs中crypto模块的安全知识讲解

    本篇文章给大家详细介绍了Nodejs中crypto模块的安全知识的相关内容,需要的朋友跟着小编一下学习参考下吧。
    2018-01-01

最新评论