对不起,对不起,对不起,对不起,对不起,对不起,对不起,对不起,对不起,对不起,对不起,对不起

      最后更新:2021-10-29 07:58:31 手机定位技术交流文章

      为什么我们用网套?

      Websocket是用于实时通信的网络通信协议。

      Websocket 协议与 http 协议相似, 因为它有瑕疵, 只能由客户启动, 客户可以返回请求 URL 的结果和通过参数 。

      确实,网套。双向通信,只要网络工具包连接得以建立,数据就可以自发地从客户传递给客户,或从客户传递给客户。

      Websocket 外观:网基聊天室、网基客户支持和即时信息,其中数据往往在前端和后端传输。

      Socket.io

      装有双向通讯和最小潜伏的网套,以及良好的性能、可靠性和可缩放性。
      (简而言之,网套将被密封和优化。我不知道我在说什么。
      在这里插入图片描述
      索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特、索科特。

      • server端
      • client端
        在这里插入图片描述

      官方网址
      https://socket.io/
      官方文档
      https://socket.io/docs/v4/

      开源项目

      以下代码和时间项目将发布给开放源码项目[nodejs-study],该项目可自由下载和学习。

      效果预览

      输入node app 若您观看300个港口和前端的输出, 向世界问好, 证明项目成功, 请访问 http://localhost:30:300/ / 访问 http://localhost:30/ http://localhost:30/ http://localhost:30/ 。
      在这里插入图片描述

      前端页面:一个具有发送和接收能力的聊天UI箱http://localhost:30:300/test
      在这里插入图片描述
      Websocket 后台: 收听和回应
      在这里插入图片描述

      app.js

      最初,您必须安装快件和套接字库。

      输入npm install express --save或者yarn add express

      输入npm install socket.io--save或者yarn add socket,io

      接下来实现 对//test两个路径的监听

      • /哈罗世界的回归
      • /test返回 html 连接页面。

      socket.on(“chat message”,callback function)
      它需要开始收听“聊天信息”频道, 只要它在前端和后端都保持恒定。

      socket.emit(“chat message”, msg.toUpperCase());
      这是对“聊天信息”频道的响应, 我们正在用资本化来进行, 并暂时返回。

      index.html

      这是一个样式处理, 包含以下内容 :

      • 信件 ul, 可用于添加 li 数据和显示日志交易 。
      • 提交要发送的信件的表格

      对于脚本部分, 从官方的 scocket. Io's js 客户端开始, 建立连接并增加监听活动 :

      • 在输入非空白内容提交后将信息发送到 Websocket 后台, 并且同事也会在信息列表中输出 。
      • 获取后在信件列表中显示消息 。

      本文由 在线网速测试 整理编辑,转载请注明出处,原文链接:https://www.wangsu123.cn/news/12300.html

          热门文章

          文章分类