1、添加依赖

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-web</artifactId>

        </dependency>

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-websocket</artifactId>

        </dependency>

2、添加工具类

package com.example.demo.utils;

import javax.websocket.RemoteEndpoint;

import javax.websocket.Session;

import java.util.Map;

import java.util.concurrent.ConcurrentHashMap;

public final class WebSocketUtils {

    /**

     * 模拟存储websocket session

     */

    public static final Map<String, Session> LIVING_SESSION_CACHE = new ConcurrentHashMap();

    public static void sendMessageAll(String message){

        LIVING_SESSION_CACHE.forEach((sessionId,session) -> sendMessage(session,message));

    }

    /**

     * 发送给指定用户

     * @param session

     * @param message

     */

    public static void sendMessage(Session session, String message){

        if(session == null){

            return;

        }

        final RemoteEndpoint.Basic basic = session.getBasicRemote();

        if(basic == null){

            return;

        }

        try {

            basic.sendText(message);

        }catch (Exception e){

            e.printStackTrace();

        }

    }

}

3、添加服务站点

主要使用注解如下：

　　@ServerEndpoint：聊天室访问地址

　　@OnOpen： 建立 WebSocket 连接时触发

　　@OnMessage：客户端监听服务端事件，当服务端向客户端推送消息时会被监听到

　　@OnClose：关闭 WebSocket 连接时触发

　　@OnError：发生错误时触发

　　@GetMapping：接收消息请求地址

　　其中@ServerEndpoint 中的内容就是 WebSocket 协议的地址，其实仔细看会发现与 @RequestMapping 也是异曲同工的… HTTP 协议：http://localhost:8080/path WebSocket 协议：ws://localhost:8080/path

package com.example.demo.controller;

import org.slf4j.Logger;

import org.slf4j.LoggerFactory;

import org.springframework.web.bind.annotation.*;

import javax.websocket.*;

import javax.websocket.server.PathParam;

import javax.websocket.server.ServerEndpoint;

import static com.example.demo.utils.WebSocketUtils.LIVING_SESSION_CACHE;

import static com.example.demo.utils.WebSocketUtils.sendMessage;

import static com.example.demo.utils.WebSocketUtils.sendMessageAll;

@RestController

@ServerEndpoint("/chat-room/{username}")

public class SocketController {

    private static final Logger log = LoggerFactory.getLogger(SocketController.class);

    @OnOpen

    public void openSession(@PathParam("username") String name, Session session){

        LIVING_SESSION_CACHE.put(name,session);

        String message = "欢迎用户["+ name + "]来到朦胧的夜聊天室";

        log.info(message);

        sendMessageAll(message);

    }

    @OnMessage

    public void onMessage(@PathParam("username") String username, String message){

        log.info(message);

        sendMessageAll("用户["+username+"]:" + message);

    }

    @OnClose

    public void onClose(@PathParam("username") String username, Session session){

        //移除session

        LIVING_SESSION_CACHE.remove(username);

        //通知他人

        sendMessageAll("用户["+username+"]已经离开朦胧的夜聊天室");

        try {

            session.close();

        }catch (Exception e){

            e.printStackTrace();

        }

    }

    @OnError

    public void onError(Session session,Throwable throwable){

        try {

            session.close();

        }catch (Exception e){

            e.printStackTrace();

        }

        throwable.printStackTrace();

    }

    @GetMapping("/chat-room/{sender}/to/{receive}")

    public void onMessage(@PathVariable("sender") String sender,@PathVariable("receive") String receive, String message){

        sendMessage(LIVING_SESSION_CACHE.get(receive),"["+sender+"]:"+message);

    }

}

4、添加聊天室html

　　此处注意一点，要添加引入jquery

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>battcn websocket</title>

    <script src="/jquery-3.4.1.min.js" ></script>

</head>

<body>

<label for="message_content">聊&nbsp;&nbsp;天&nbsp;&nbsp;室&nbsp;</label><textarea id="message_content" readonly="readonly" cols="57" rows="10">

</textarea>

<br/>

<label for="in_user_name">用户姓名 &nbsp;</label><input id="in_user_name" value=""/>

<button id="btn_join">加入聊天室</button>

<button id="btn_exit">离开聊天室</button>

<br/><br/>

<label for="in_room_msg">群发消息 &nbsp;</label><input id="in_room_msg" value=""/>

<button id="btn_send_all">发送消息</button>

<br/><br/><br/>

好友聊天

<br/>

<label for="in_sender">发送者 &nbsp;</label><input id="in_sender" value=""/><br/>

<label for="in_receive">接受者 &nbsp;</label><input id="in_receive" value=""/><br/>

<label for="in_point_message">消息体 &nbsp;</label><input id="in_point_message" value=""/><button id="btn_send_point">发送消息</button>

</body>

<script type="text/javascript">

    $(document).ready(function(){

        var urlPrefix ='ws://localhost:8080/chat-room/';

        var ws = null;

        $('#btn_join').click(function(){

            var username = $('#in_user_name').val();

            var url = urlPrefix + username;

            ws = new WebSocket(url);

            ws.onopen = function () {

                console.log("建立 websocket 连接...");

            };

            ws.onmessage = function(event){

                //服务端发送的消息

                $('#message_content').append(event.data+'\n');

            };

            ws.onclose = function(){

                $('#message_content').append('用户['+username+'] 已经离开聊天室!');

                console.log("关闭 websocket 连接...");

            }

        });

        //客户端发送消息到服务器

        $('#btn_send_all').click(function(){

            var msg = $('#in_room_msg').val();

            if(ws){

                ws.send(msg);

            }

        });

        // 退出聊天室

        $('#btn_exit').click(function(){

            if(ws){

                ws.close();

            }

        });

        $("#btn_send_point").click(function() {

            var sender = $("#in_sender").val();

            var receive = $("#in_receive").val();

            var message = $("#in_point_message").val();

            $.get("/chat-room/"+sender+"/to/"+receive+"?message="+message,function() {

                alert("发送成功...")

            })

        })

    })

</script>

</html>

5、主函数

    @Bean

    public ServerEndpointExporter serverEndpointExporter(){

        return new ServerEndpointExporter();

    }

6、添加入口方法

    @GetMapping(value ="/sockethtml")

    public String sockethtml(){

            return "lliaotianshi";

    }

7、测试

http://localhost:8080/test/sockethtml

SpringBoot--使用socket搭建聊天室的更多相关文章

  1. 使用nodejs+express+socketio+mysql搭建聊天室

    使用nodejs+express+socketio+mysql搭建聊天室 nodejs相关的资料已经很多了,我也是学习中吧,于是把socket的教程看了下,学着做了个聊天室,然后加入简单的操作mysq ...

  2. 使用Angular和Nodejs搭建聊天室

    一,利用Node搭建静态服务器 这个是这个项目的底层支撑部分.用来支持静态资源文件像html, css, gif, jpg, png, javascript, json, plain text等等静态 ...

  3. Socket.IO聊天室~简单实用

    小编心语:大家过完圣诞准备迎元旦吧~小编在这里预祝大家元旦快乐!!这一次要分享的东西小编也不是很懂啊,总之小编把它拿出来是觉地比较稀奇,而且程序也没有那么难,是一个比较简单的程序,大家可以多多试试~ ...

  4. 使用socket.io搭建聊天室

    最近在学习nodejs,需要找一些项目练练手.找来找去发现了一个聊天室的教程,足够简单,也能从中学到一些东西.下面记录我练习过程中待一些笔记. nodeJS模块 共用到了2个模块,express和so ...

  5. Python Socket 简单聊天室2

    上篇文章写了一个简单的单线程的一问一答的简单聊天室.这次我们使用SocketServer模块搭建一个多线程异步的聊天室. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ...

  6. Python Socket 编程——聊天室示例程序

    上一篇 我们学习了简单的 Python TCP Socket 编程,通过分别写服务端和客户端的代码了解基本的 Python Socket 编程模型.本文再通过一个例子来加强一下对 Socket 编程的 ...

  7. java基于socket公共聊天室的实现

    项目:一个公共聊天室功能的实现,实现了登录聊天,保存聊天记录等功能. 一.实现代码 1.客户端 ChatClient.java import java.io.BufferedReader; impor ...

  8. Android 基于Socket的聊天室（一）

    Socket是TCP/IP协议上的一种通信,在通信的两端各建立一个Socket,从而在通信的两端之间形成网络虚拟链路.一旦建立了虚拟的网络链路,两端的程序就可以通过虚拟链路进行通信. Client A ...

  9. Python Socket 简单聊天室1

    这是第一版,最简单的,仅仅实现了通信,你收我发,我收你发而已.下篇将介绍,基于异步多线程的聊天室: 客户端: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 ...

随机推荐

  1. jchdl - GSL Node

    https://mp.weixin.qq.com/s/Oa4qgjIUccu5Y-Jlqcyn_A   org.jchdl.model.gsl.core.meta.Node.java   ​​ gen ...

  2. Chisel3 - util - LockingArbiter

    https://mp.weixin.qq.com/s/5oAwH3scumARzPidRBfG2w     带锁多入单出仲裁器,输出会被锁定指定的时钟周期.   参考链接: https://githu ...

  3. （Java实现） 洛谷 P1605 迷宫

    题目背景 迷宫 [问题描述] 给定一个N*M方格的迷宫,迷宫里有T处障碍,障碍处不可通过.给定起点坐标和 终点坐标,问: 每个方格最多经过1次,有多少种从起点坐标到终点坐标的方案.在迷宫 中移动有上下 ...

  4. Java实现 LeetCode 382 链表随机节点

    382. 链表随机节点 给定一个单链表,随机选择链表的一个节点,并返回相应的节点值.保证每个节点被选的概率一样. 进阶: 如果链表十分大且长度未知,如何解决这个问题?你能否使用常数级空间复杂度实现? ...

  5. Java实现 蓝桥杯VIP 算法提高 阶乘差

    问题描述 给定n和m以及p,保证n>=m,求(n!-m!)对p取余的结果. 输入格式 一行三个正整数n,m,p. 输出格式 一行一个非负整数表示结果. 样例输入 3 2 10 样例输出 4 数据 ...

  6. Java实现 蓝桥杯VIP 算法提高 Torry的困惑(提高型)

    算法提高 Torry的困惑(提高型) 时间限制:1.0s 内存限制:512.0MB 问题描述 Torry从小喜爱数学.一天,老师告诉他,像2.3.5.7--这样的数叫做质数.Torry突然想到一个问题 ...

  7. Java实现 LeetCode 103 二叉树的锯齿形层次遍历

    103. 二叉树的锯齿形层次遍历 给定一个二叉树,返回其节点值的锯齿形层次遍历.(即先从左往右,再从右往左进行下一层遍历,以此类推,层与层之间交替进行). 例如: 给定二叉树 [3,9,20,null ...

  8. Java实现指定年份月份的日历表

    输入指定的年份与月份,看这个月的日历表 package Xueying_Liu; import java.util.Scanner; public class rilibiao { public st ...

  9. Java实现填写乘法算式

    观察下面的算式: * * × * * = * * * 它表示:两个两位数字相乘,结果是3位数.其中的星号(*)代表任意的数字,可以相同,也可以不同,只要不是在首位的就可以是0.当然,满足这个要求的算式 ...

  10. Linux 独立服务管理

    RPM包安装在默认位置 /etc/init.d/:启动脚本位置 /etc/sysconfig/:初始化环境配置文件位置 /etc/:配置文件位置 /etc/xinetd.conf/:xinetd配置文 ...