码迷,mamicode.com
首页 > Web开发 > 详细

Vue系列:Websocket 使用配置

时间:2018-12-10 18:20:11      阅读:393      评论:0      收藏:0      [点我收藏+]

标签:方法   vue   通讯   应用层   com   状态   image   http   动向   

WebSocket 是什么?

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

 

为什么需要 WebSocket ?

了解计算机网络协议的人,应该都知道:HTTP 协议是一种无状态的、无连接的、单向的应用层协议。

HTTP的弊端:无法实现服务器主动向客户端发起消息,它不支持持久连接的。

在websocket之前,传统的实现长轮询方法主要有: http long poll 或者ajax轮询。但轮询的效率低,非常浪费资源(因为必须不停连接,或者 HTTP 连接始终打开)。

 

如何配置 WebSocket ?

本篇主要讲解客户端的配置。而且没有必要为 WebSockets 使用 JavaScript 库。

实现 WebSockets 的 Web 浏览器将通过 WebSockets 对象公开所有必需的客户端功能(主要指支持 Html5 的浏览器)。

 

以下 API 用于创建 WebSocket 对象。

技术分享图片

以上代码中的第一个参数 url, 指定连接的 URL。第二个参数 protocol 是可选的,指定了可接受的子协议。

 

具体配置代码如下:

技术分享图片

 

Vue系列:Websocket 使用配置

标签:方法   vue   通讯   应用层   com   状态   image   http   动向   

原文地址:https://www.cnblogs.com/One-sprite/p/10096887.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!