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

   日期:2024-12-26    作者:npgc2 移动:http://3jjewl.riyuangf.com/mobile/quote/37458.html

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)]


特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关最新动态
推荐最新动态
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号