云函数websocket应用案例

最新推荐文章于 2023-11-11 14:16:59 发布

腾讯云中间件服务团队

最新推荐文章于 2023-11-11 14:16:59 发布

阅读量1.1k

点赞数

分类专栏： serverless案例

本文链接：https://blog.csdn.net/m0_53743061/article/details/112202734

版权

本文探讨了在web开发中使用WebSocket解决后端数据实时更新和多客户端交互的需求，指出传统Ajax长轮询的不足。通过介绍一个基于云函数、API网关和TencentDB的解决方案，详细阐述了如何设计和实现WebSocket注册、传输和清理函数，以实现全双工通信。最终，提到了客户端如何接入该系统。

摘要由CSDN通过智能技术生成

背景

在web开发当中，有两种场景需要前端和后端频繁交互，一种是后端数据变动频繁，需要实时通知前端，一种是多客户端需要实时交互，为了解决这两个问题，许多web开发者通过使用ajax实现长轮询来实现和后端的交互，这种方案的缺点是数据实时性不是很高，不断建立tcp链接性能损耗不可忽视。对于这种实时性要求高，数据变动频繁的需求，其实使用websocket的方案更加合适，websocket是一种实现全双工的一种非常好的方案。serverless虽然是无状态的，但是可以结合api网关的能力，实现websocket。

方案设计

整体架构图如下：
在这里插入图片描述

实现步骤：

登录云数据库 TencentDB 控制台，创建mysql，并初始化db，创建数据表，用于记录连接上来的客户

//替换为websocket连接地址
        let conn = new WebSocket("ws://service-xxx-xxx.sh.apigw.tencentcs.com/release/websocket");
        conn.onclose = function (evt) {
            var item = document.createElement("div");
            item.innerHTML = "<b>Connection closed.</b>";