上云无忧 > 文档中心 > 腾讯云云函数实战教程 - SCF + API 网关基于 Websocket 搭建匿名聊天室 | 系统测试
云函数 SCF
腾讯云云函数实战教程 - SCF + API 网关基于 Websocket 搭建匿名聊天室 | 系统测试

文档简介:
操作场景: 本文档指导您修改聊天室的 HTML 文件,体验聊天室的前后台对接效果。 前提条件: 已 下载聊天室 HTML 文件。 已保存系统部署 > 配置 API 网关 > 获取 Websocket 连接地址中的连接地址。
*此产品及展示信息均由腾讯云官方提供。免费试用 咨询热线:400-826-7010,为您提供专业的售前咨询,让您快速了解云产品,助您轻松上云! 微信咨询
  免费试用、价格特惠

操作场景

本文档指导您修改聊天室的 HTML 文件,体验聊天室的前后台对接效果。

前提条件

下载聊天室 HTML 文件
已保存系统部署 > 配置 API 网关 > 获取 Websocket 连接地址中的连接地址。

操作步骤

修改 URL 地址

1. 使用编辑器打开已下载的 websocketclient.html 文件。
注意
如果您没有专业的编辑器,可以通过文本方式打开。
2. 将下图中的 URL 参数修改为 Websocket 连接地址,并保存。

体验效果

1. 在浏览器中打开 websocketclient.html 文件,并保持为2个及以上窗口。
2. 登录 Serverless 控制台,进入函数服务页面。
3. 选择 WebsocketRegisterDemo-xxx 函数,并切换至运行日志页签,查看云函数的执行结果。如下图所示:

4. 打开数据库管理,查看数据库中记录的信息。如下图所示,数据库管理已记录2个 ConnectionID。

5. 切换至浏览器的 websocketclient 页面,在底部编辑消息,并单击Send。如下图所示: 例如,输入 “测试 Websocket”,单击Send, 在另外一个窗口中,即可查看接收到的消息。

6. 切换至 Serverless 控制台,在函数服务页面,选择 WebsocketTransmissionDemo-xxx 函数,并切换至运行日志页签,查看云函数的执行结果。如下图所示:

7. 切换至 websocketclient 页面,关闭其中一个页面。
8. 切换至 Serverless 控制台,在函数服务页面,选择 WebsocketDeleteDemo-xxx 函数,并切换至运行日志页签,查看云函数的执行结果。如下图所示:

9. 切换至数据库管理,刷新数据库数据,查看数据库中记录的信息。如下所示,即可发现数据库管理已经删除一个 ConnectionID。

相似文档
官方微信
联系客服
400-826-7010
7x24小时客服热线
分享
  • QQ好友
  • QQ空间
  • 微信
  • 微博
返回顶部