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. 【Checkpoint】HA模式下结合zookeeper说一下checkpoint流程

    checkpoint过程 配置了HA的HDFS中,有active和standby namenode两个namenode节点.他们的内存中保存了一样的集群元数据信息,这个后续我会详细用一篇文章介绍HA, ...

  2. 2003 can't connect to mysql server

    在电脑中打开 计算机管理 点击 服务与应用程序 点击 服务 右侧找到 mysql 右键启动

  3. eclipse 界面复原

    Windows-----Perspective-----Reset perspective

  4. Web 三维组态的仿真运用案例：民航飞机的数据监控

    前言 在飞机航行的过程中,客舱里座位上方的荧屏上,除了播放电视剧和广告之外,还会时不时的切换到一个飞机航行的监控系统.这个监控系统的主要目的是,让乘客可以了解到飞机在航行过程中的整体状况.距离目的地的 ...

  5. （Java实现） 美元汇率

    时空限制 1000ms/128MB 题目背景 此处省略maxint+1个数 题目描述 在以后的若干天里戴维将学习美元与德国马克的汇率.编写程序帮助戴维何时应买或卖马克或美元,使他从100美元开始,最后 ...

  6. Java实现 LeetCode 671 二叉树中第二小的节点（遍历树）

    671. 二叉树中第二小的节点 给定一个非空特殊的二叉树,每个节点都是正数,并且每个节点的子节点数量只能为 2 或 0.如果一个节点有两个子节点的话,那么这个节点的值不大于它的子节点的值. 给出这样的 ...

  7. Java实现 LeetCode 106 从中序与后序遍历序列构造二叉树

    106. 从中序与后序遍历序列构造二叉树 根据一棵树的中序遍历与后序遍历构造二叉树. 注意: 你可以假设树中没有重复的元素. 例如,给出 中序遍历 inorder = [9,3,15,20,7] 后序 ...

  8. 【asp.net core 系列】4. 更高更强的路由

    0. 前言 在之前我们介绍了请求通过路由寻找到控制器,以及控制器与视图的数据流转.那么,我们回过头来,再看看路由的一些其他用法. 1. 路由属性(Route Attribute) 按照英文的直接翻译, ...

  9. Mysql添加索引及索引的优缺点

    一.什么是索引? 索引是对数据库表中的一列或多列值进行排序的一种结构,使用索引可以快速访问数据库表中的特定信息. 二.索引的作用? 索引相当于图书上的目录,可以根据目录上的页码快速找到所需的内容,提高 ...

  10. iOS－函数式编程 && 响应式编程概念

    作为一个iOS developer,那么你一定用过Masnory / SnapKit: Masonry是一个OC开发中,非常好用的自动布局的第三方框架: SnapKit是Masonry团队打造的swi ...