分享好友 最新动态首页 最新动态分类 切换频道
基于(webSocket)搭建一个双人匹配聊天的在线网站,建议细读
2024-12-26 10:56

Fork->clone->打包->部署 私人聊天室不是梦😄😄

基于(webSocket)搭建一个双人匹配聊天的在线网站,建议细读

技术栈

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

服务:springboot,websocket长连接服务

前端:vue

通过websocket进行通信

maven依赖


引入springboot额外添加一个websocket相关依赖

org.springframework.boot

spring-boot-starter-websocket

webSocket服务器搭建

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

  • 引入websocket服务后。我们需要创建一个类,并添加注解指定服务对外开放姐服务地址

webSocket生命周期对应的函数回调


服务端


  1. 有客户端连接时:onOpen,在函数上添加该注解,当客户端连接时则会立即执行该函数。发生对应其他状态时也会执行特定函数

  1. 收到客户端发送的消息时:onMessage

  1. 出现异常情况时:onError

  2. 连接断开时:onClose

搭建使用

启动springboot项目,就启动了webSocket服务。

客户端


前端wensocket连接websocket服务代码

this.ws = new WebSocket()

后面则是连接的地址。可以在地址放一些参数。后台同样配置可以接收

创建成功后会返回一个webSocket对象,该对象需要给不同的生命周期设置一个回调。

生命周期痛服务端一样。

  1. 连接上服务端时:onOpen,在函数上添加该注解,当客户端连接时则会立即执行该函数。发生对应其他状态时也会执行特定函数

  1. 收到客户端发送的消息时:onmessage

  1. 出现异常情况时:onerror

  2. 连接断开时:onclose
    自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新

都有更细化的内容!有需要的程序猿(媛)可以帮忙点赞+点击【学习资料】即可免费领取

[外链图片转存中…(img-sBLuYmYi-1712328946511)]

最新文章
蚂蚁金服阳振坤:用10年时间打造一个产品
“如果大家当时能看见原来十年后OceanBase能长成这样,可能十年前OceanBase得到的支持会好很多。但是这种如果是不存在的,很多时候你要先证明自己。”根据工信部数据显示,1998年,中国软件企业5000家,市场规模325亿;到了2018年底,中国软
目前市面上哪种微型货车比较好呢?
今天找车网小编整理了目前市面上哪种微型货车比较好呢?相关内容,希望能帮助到大家,一起来看下吧。1、目前市面上哪种微型货车比较好呢?2、11月两厢车销量排行出炉,车型细分为:微型,小型,紧凑级3、微型轿车排行榜 1.五菱之光(推荐)
详细笔记:OpenAI 发布会上的关键信息(上)
本文来自微信公众号:AI 破壳儿,原文标题:《详细笔记:OpenAI 发布会上的关键信息(上)》OpenAI 正在进行一场为期 12 天的发布会“马拉松”,目前已经进行到第 7 天。发布会的形式比较简单:每天在 YouTube 放出视频,主要由团队一线成
这几个彩票优质公众号,让你中奖不再难!
在这个激动人心的时刻,彩票迷们是否渴望能第一时间获取到开奖结果呢?今天,小编为大家推荐几个彩票优质公众号,希望能帮助大家在未来的购彩中好运连连,期期爆中!关注这些公众号,您将能在第一时间获取到你关心的各类彩票开奖信息。无论
这电脑打英雄联盟开录制视频一卡一卡的有点掉帧关掉录制就不卡是怎么回事?以前录制都不卡的?
你的cpu是不是9750啊,我9750 2060笔记本,外接2k 不开录制就很流畅,开了录制就会卡,也不是卡的严重,但就是能看到卡帧,我在全网找办法。1、打开TGP后,进入英雄联盟游戏界面,在选择大区的页面,右上角勾选开启QT语音,然后在游戏主页
退本!kimi智能App是做任务诈骗软件!被骗提现不了怎么办
kimi智能App是做任务诈骗软件!被骗提现不了怎么办技术出嘿《溦:9836356》(一)希望阅读此文的读者能够及时采取措施以减少损失;请及时与团队联系提供解决方案(文章下面图片有咨询方式)若想追回损失资产,务必仔细阅读以下内容。【JFHHERYE
高德地图怎么在地图上设置自己店的位置-门店地图定位服务
高德地图是一款功能丰富的地图应用,它提供了详细的地图信息、实时的交通状况和的服务。这款地图应用适合各种使用场景,无论是城市出行、郊区探索还是驾车、骑行和步行,都能为用户提供可靠的导航指引。高德地图拥有庞大的地图数据,覆盖了
这家跨境独立站年入42.9亿元 引流用的什么招儿?
原创:派派粉来源:跨境派做跨境电商无非两个路子:一是在亚马逊、ebay、wish 等电商平台开店卖货;另一条则是搭建自己的网站,将商品放在自己的网站上销售。刚入行的跨境小白们起初会选择在大平台上开店卖货。大平台做的久了,会发现平台
超好用的视频界AI助手——NoteGPT
6.笔记与记忆卡生成 我可以根据自己的需要,创建个性化的笔记和学习卡片,这不仅加深了我对知识的理解和记忆,也为我的复习提供了极大的方便。 二、AI助手还有哪些功能 NoteGPT作为一个视频界的AI助手,还有以下功
用AI一键生成超逼真美女写真,快来体验超火的AI神器!
在首页找到“生成照片”选项,进入后你会看到多种美女写真模板可供选择。你可以根据个人的喜好,选择想要的模板,模特风格多样化,能满足不同用户的需求。步骤三:输入描述 选择好模板后,系统会提示输入相应的文本描述。描述可以尽量详细
相关文章
推荐文章
发表评论
0评