WebSocket、服务器推送技能

打印 上一主题 下一主题

主题 993|帖子 993|积分 2989

WebSocket

是一种在单个 TCP 连接上进行 全双工 通讯的协议,它可以让客户端和服务器之间进行实时的双向通讯,且不存在同源策略限定
WebSocket 使用一个长连接,在客户端和服务器之间保持长期的连接,从而可以实时地发送和吸取数据。
在 WebSocket 中,客户端和服务器之间可以相互发送消息,客户端可以使用 JavaScript 中的 WebSocket API 发送消息到服务器,也可以吸取服务器发送的消息。
与传统的HTTP通讯相比,WebSocket更轻量级、更高效,适用于须要实时通讯或推送消息的场景。
WebSocket的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息。
》》心跳机制是什么?
心跳机制是每隔一段时间会向服务器发送一个数据包,告诉服务器自己还在世,同时客户端会确认服务器端是否还在世,如果还在世的话,就会回传一个数据包给客户端来确定服务器端也还在世,否则的话,有大概是网络断开连接了。须要重连~
WebSocket与HTTP的区别

websocket和http都是基于TCP的应用层协议,使用的也是 80 端口(若运行在 TLS 之上时,默认使用 443 端口)。
其区别主要就在于连接的性子和通讯方式。
WebSocket是一种双向通讯的协议,通过一次握手即可创建长期性的连接,服务器和客户端可以随时发送和吸取数据。
而HTTP协议是一种请求-相应模式的协议,每次通讯都须要发送一条请求并等待服务器的相应。
WebSocket的实时性更好,耽误更低,并且在服务器和客户端之间提供双向的即时通讯能力,适用于须要实时数据传输的场景。
常见应用场景

   实时聊天:WebSocket可以或许提供双向、实时的通讯机制,使得实时聊天应用可以或许快速、高效地发送和吸取消息,实现即时通讯。
实时协作:用于实时协作工具,如协同编辑文档、白板绘画、团队任务管理等,团队成员可以实时地在同一页面上进行互动和实时更新。
实时数据推送:用于实时数据推送场景,如股票行情、新闻快讯、实时天气信息等,服务器可以实时将数据推送给客户端,确保数据的实时性和正确性。
多人在线游戏:实时的双向通讯机制,适用于多人在线游戏应用,使得游戏服务器可以或许实时地将游戏状态和玩家行为传输给客户端,实现游戏的实时互动。
在线客服:WebSocket可以用于在线客服和客户支持系统,实实际时的客户沟通和问题解决,提供更好的用户体验,减少等待时间。
  asp.net websocket



  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>WebSocket Chat</title>
  5. </head>
  6. <body>
  7.     <input type="text" id="messageInput">
  8.     <button onclick="sendMessage()">Send</button>
  9.     <ul id="messageList"></ul>
  10.     <script>
  11.         var socket = new WebSocket('ws://localhost:54411/api/zen');
  12.         socket.OPEN = () => {
  13.             console.log("===");
  14.         }
  15.     socket.onmessage = function(event) {
  16.       var messageList = document.getElementById('messageList');
  17.       var li = document.createElement('li');
  18.       li.textContent = event.data;
  19.       messageList.appendChild(li);
  20.     };
  21.     function sendMessage() {
  22.       var messageInput = document.getElementById('messageInput');
  23.       var message = messageInput.value;
  24.       socket.send(message);
  25.       messageInput.value = '';
  26.     }
  27.     </script>
  28. </body>
  29. </html>
复制代码
服务端


  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Net;
  5. using System.Net.Http;
  6. using System.Net.WebSockets;
  7. using System.Text;
  8. using System.Threading;
  9. using System.Threading.Tasks;
  10. using System.Web;
  11. using System.Web.Http;
  12. using System.Web.Mvc;
  13. using System.Web.WebSockets;
  14. namespace WebApplication1.Controllers
  15. {
  16.     public class ZenController : ApiController
  17.     {
  18.         public HttpResponseMessage Get()
  19.         {
  20.             if (HttpContext.Current.IsWebSocketRequest)
  21.             {
  22.                 HttpContext.Current.AcceptWebSocketRequest(ProcessWSChat);
  23.             }
  24.             return new HttpResponseMessage(HttpStatusCode.SwitchingProtocols);
  25.         }
  26.         private async Task ProcessWSChat(AspNetWebSocketContext arg)
  27.         {
  28.             WebSocket socket = arg.WebSocket;
  29.             while (true)
  30.             {
  31.                 ArraySegment<byte> buffer = new ArraySegment<byte>(new byte[1024]);
  32.                 WebSocketReceiveResult result = await socket.ReceiveAsync(buffer, CancellationToken.None);
  33.                 if (socket.State == WebSocketState.Open)
  34.                 {
  35.                     string message = Encoding.UTF8.GetString(buffer.Array, 0, result.Count);
  36.                     string returnMessage = "You send :" + message + ". at" + DateTime.Now.ToLongTimeString();
  37.                     buffer = new ArraySegment<byte>(Encoding.UTF8.GetBytes(returnMessage));
  38.                     await socket.SendAsync(buffer, WebSocketMessageType.Text, true, CancellationToken.None);
  39.                 }
  40.                 else
  41.                 {
  42.                     break;
  43.                 }
  44.             }
  45.         }
  46. }
  47. }
复制代码
  1. using System;
  2. using System.Collections.Concurrent;
  3. using System.Net.WebSockets;
  4. using System.Threading;
  5. using System.Threading.Tasks;
  6. public class WebSocketManager
  7. {
  8.     private readonly ConcurrentDictionary<string, WebSocket> _sockets = new ConcurrentDictionary<string, WebSocket>();
  9.     public void AddSocket(string id, WebSocket socket)
  10.     {
  11.         _sockets.TryAdd(id, socket);
  12.     }
  13.     public void RemoveSocket(string id)
  14.     {
  15.         if (_sockets.TryRemove(id, out var socket))
  16.         {
  17.             socket.Dispose();
  18.         }
  19.     }
  20.     public async Task SendMessageToAllAsync(string message)
  21.     {
  22.         foreach (var socket in _sockets.Values)
  23.         {
  24.             await SendMessageAsync(socket, message);
  25.         }
  26.     }
  27.     private async Task SendMessageAsync(WebSocket socket, string message)
  28.     {
  29.         var buffer = new ArraySegment<byte>(Encoding.UTF8.GetBytes(message));
  30.         try
  31.         {
  32.             await socket.SendAsync(buffer, WebSocketMessageType.Text, true, CancellationToken.None);
  33.         }
  34.         catch (Exception)
  35.         {
  36.             // Handle exception
  37.             RemoveSocket(socket.GetHashCode().ToString());
  38.         }
  39.     }
  40. }
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

泉缘泉

金牌会员
这个人很懒什么都没写!
快速回复 返回顶部 返回列表