利用websocket实现即时通信通能(.net + VUE + Js)

本文主要介绍了如何利用WebSocket来实现类似微信\QQ等即时通信平台进行通信。

  1. ASP.net: 基于.NET Framework的Web开发平台
  2. VUE:是一套构建用户界面的渐进式框架,主要用来实现交互界面、前端。轻量级、MVVM架构中最流行的View。
  3. Jquery:jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)

WebSocket的原理

WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455,并由RFC7936补充规范。WebSocket API也被W3C定为标准。

WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。

 废话不多说,下面开始教程:

      1、安装VS2019开发工具

      2、创建一个基于.NET Framework的asp.net应用程序

 

利用websocket实现即时通信通能(.net + VUE + Js)_第1张图片

利用websocket实现即时通信通能(.net + VUE + Js)_第2张图片

选择MVC模板

利用websocket实现即时通信通能(.net + VUE + Js)_第3张图片

      3、添加一个文件夹,以及一个一般应用程序ashx

利用websocket实现即时通信通能(.net + VUE + Js)_第4张图片

利用websocket实现即时通信通能(.net + VUE + Js)_第5张图片

     

      4、编写一般处理程序QAQSysServer.ashx的代码如下:

     

利用websocket实现即时通信通能(.net + VUE + Js)_第6张图片

服务端的代码比较简单,自行查看即可

      5、发布刚刚的解决方案中的代码:

利用websocket实现即时通信通能(.net + VUE + Js)_第7张图片

右键,发布即可

你可能感兴趣的:(css,vue.js,node.js,jquery,c#)