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 - RTL实例 - Counter4

    https://mp.weixin.qq.com/s/xtvMj5f-Uvx3vesVnH0P_A   计数器.   参考链接 https://github.com/wjcdx/jchdl/blob/ ...

  2. Chisel3 - 字面量（literal）

    https://mp.weixin.qq.com/s/uiW4k4DeguvYsG8LhHk2Ug 介绍Chisel3中基本数据类型的字面量的写法,及其背后的实现机制,也就是Scala隐式规则.   ...

  3. ecilpse 纠错插件

    在market里面搜索 Spot Bugs Unnecessary Code Detector

  4. Shell脚本 （三） 条件判断 与 流程控制

    个人博客网:https://wushaopei.github.io/    (你想要这里多有) 六.条件判断 1.基本语法 [ condition ](注意condition 前后要有空格) 注意:条 ...

  5. Java并发编程 (四) 线程安全性

    个人博客网:https://wushaopei.github.io/    (你想要这里多有) 一.线程安全性-原子性-atomic-1 1.线程安全性 定义: 当某个线程访问某个类时,不管运行时环境 ...

  6. （Java实现） 均分纸牌

    题目描述 有 N 堆纸牌,编号分别为 1,2,-, N.每堆上有若干张,但纸牌总数必为 N 的倍数.可以在任一堆上取若于张纸牌,然后移动. 移牌规则为:在编号为 1 堆上取的纸牌,只能移到编号为 2 ...

  7. Java实现 LeetCode 649 Dota2 参议院（暴力大法）

    649. Dota2 参议院 Dota2 的世界里有两个阵营:Radiant(天辉)和 Dire(夜魇) Dota2 参议院由来自两派的参议员组成.现在参议院希望对一个 Dota2 游戏里的改变作出决 ...

  8. Java实现蓝桥杯VIP 算法训练 矩阵乘方

    import java.util.Scanner; public class 矩阵乘方 { public static void main(String[] args) { Scanner scann ...

  9. Java实现蓝桥杯正则切分

    java中提供了对正则表达式的支持. 有的时候,恰当地使用正则,可以让我们的工作事半功倍! 如下代码用来检验一个四则运算式中数据项的数目,请填写划线部分缺少的代码. 注意:只填写缺少代码,不要写任何多 ...

  10. java实现第五届蓝桥杯六角幻方

    六角幻方 里面的*在编写的时候会自动编译成线,这里就用代码的格式把题目弄过来 把 1 2 3 ... 19 共19个整数排列成六角形状,如下: * * * * * * * * * * * * * * ...