一个简单的网页 Websocket 连接并实现心跳 Heartbeat
120 浏览量
2021-01-08
01:13:29
上传
评论
收藏 45KB PDF 举报
一个简单的网页一个简单的网页 Websocket 连接并实现心跳连接并实现心跳 Heartbeat
创建 Socket 连接很简单，一行代码即可。
let ws = new WebSocket('wss://example.com/');
如果服务器采用 SSL，只需要将 ws:// 替换成替换成 wss://
let ws = new WebSocket('wss://echo.websocket.org/');
然后是通过回调函数获取服务器消息以及对连接状态进行捕捉。
// 成功连接时触发
ws.onopen = () => {
console.log('连接成功.');
this.send('{"event":"subscribe", "channel":"guest"}');
};
// 有新消息时触发
ws.onmessage = e => {
console.log('服务器发来消息: ', e.data);
};
// 发生错误触发
ws.onerror = e => {
console.log('连接错误: ', e);
};
// 连接关闭触发
ws.onclose = e => {
console.log('连接中断: ', e);
};
心跳检测心跳检测
防止长时间不通讯导致连接被关闭，所以每隔一段时间就给服务器发送消息进行检验。一般用定时器既可以实现。
// 这里封装了一个实现心跳的构造函数
// 同时传入一个回调函数给定时器执行
function Heartbeat(func) {
// 保存定时器
this.timer = null;
// 定时器间隔
this.interval = 30*1000;
// 心跳启动
this.start = function() {
资源评论
