【前端】websocket 讲解与项目中的使用

1、SSE（Server-sent Events）

SSE（Server-sent Events）是 WebSocket 的一种轻量代替方案，使用 HTTP 协议。 => Server-Sent Events 教程

2、stomp 介绍

3、MQTT（Message Queuing Telemetry Transport，消息队列遥测传输协议）

MQTT JavaScript 客户端库

MQTT 入门介绍

4、课外阅读：[WebSocket 是什么原理？为什么可以实现持久连接？

]( )

源代码

==================================================================

import { EventLsbridge } from ‘@/common/eventLsbridge’

import { loadFromSession } from ‘@/common/session-storage’

import { Message } from ‘element-ui’

const timer = {

reconnectObj: null,

wsTimeoutObj: null,

serverTimeoutObj: null,

// 重连时间间隔(s)

reconnectTime: 3

}

const state = {

ws: null,

// 心跳时间（s）

wsTimeout: 20,

// 等待心跳响应时间(s)，等待心跳的响应时间要大于心跳时间4s以上

waitHeartTime: 24

}

const mutations = {

set_reconnectObj: (state, va