一个简单的网页Websocket连接并实现心跳Heartbeat_jswebsocket心跳 - CSDN文库

16 浏览量更新于2023-05-04 评论收藏 45KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

一个简单的网页一个简单的网页 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() {

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38522214

粉丝: 2
资源: 880

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈