该篇演示如何使用websocket创建一对一的聊天室，废话不多说，我们马上开始！

一.首先先创建前端页面，代码如下图所示：

1.login.html

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"

      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">

<meta charset="UTF-8" />

<head>

    <title>登陆页面</title>

</head>

<body>

<div th:if="${param.error}">

    无效的账号和密码

</div>

<div th:if="${param.logout}">

    你已注销

</div>

<form th:action="@{/login}" method="post">

    <div><label> 账号 : <input type="text" name="username"/> </label></div>

    <div><label> 密码: <input type="password" name="password"/> </label></div>

    <div><input type="submit" value="登陆"/></div>

</form>

</body>

</html>

2.chat.html

<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">

<meta charset="UTF-8" />

<head>

    <title>Home</title>

    <script th:src="@{sockjs.min.js}"></script>

    <script th:src="@{stomp.min.js}"></script>

    <script th:src="@{jquery.js}"></script>

</head>

<body>

<p>

    聊天室

</p>

<form id="wiselyForm">

    <textarea rows="4" cols="60" name="text"></textarea>

    <input type="submit"/>

</form>

<script th:inline="javascript">

    $('#wiselyForm').submit(function(e){

        e.preventDefault();

        var text = $('#wiselyForm').find('textarea[name="text"]').val();

        sendSpittle(text);

    });

    var sock = new SockJS("/endpointChat"); //1

    var stomp = Stomp.over(sock);

    stomp.connect('guest', 'guest', function(frame) {

        stomp.subscribe("/user/queue/notifications", handleNotification);//2

    });

    function handleNotification(message) {

        $('#output').append("<b>Received: " + message.body + "</b><br/>")

    }

    function sendSpittle(text) {

        stomp.send("/chat", {}, text);//3

    }

    $('#stop').click(function() {sock.close()});

</script>

<div id="output"></div>

</body>

</html>

二.在spring boot中创建spring Security，代码如下图所示：

（spring Security是一个能够为基于Spring的企业应用系统提供声明式的安全访问控制解决方案的安全框架。通俗地讲就是为你的系统提供安全权限，不是什么人都能访问你的系统，只有有权限的人才行！）

1.先在pom.xml中引入spring Security的依赖，代码如下图所示：

            <!--spring-boot-security安全框架-->

    <dependency>

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

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

    </dependency>

2.WebSecurityConfig类

package com.wisely.ch7_6;

import org.springframework.context.annotation.Configuration;

import org.springframework.security.config.annotation.authentication.builders.AuthenticationManagerBuilder;

import org.springframework.security.config.annotation.web.builders.HttpSecurity;

import org.springframework.security.config.annotation.web.builders.WebSecurity;

import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;

import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter;

@Configuration

@EnableWebSecurity

public class WebSecurityConfig extends WebSecurityConfigurerAdapter{

    @Override

    protected void configure(HttpSecurity http) throws Exception {

        http

                .authorizeRequests()

                .antMatchers("/","/login").permitAll()//1根路径和/login路径不拦截

                .anyRequest().authenticated()

                .and()

                .formLogin()

                .loginPage("/login") //2登陆页面

                .defaultSuccessUrl("/chat") //3登陆成功转向该页面

                .permitAll()

                .and()

                .logout()

                .permitAll();

    }

    //

    @Override

    protected void configure(AuthenticationManagerBuilder auth) throws Exception {

            auth

                .inMemoryAuthentication()

                .withUser("dzz").password("dzz").roles("USER")//这里两个是分别账号和密码（账号：dzz密码：dzz）

                .and()

                .withUser("zbb").password("zbb").roles("USER");//这里两个是分别账号和密码（账号：zbb密码：zbb）

    }

    //5忽略静态资源的拦截

    @Override

    public void configure(WebSecurity web) throws Exception {

        web.ignoring().antMatchers("/resources/static/**");

    }

}

3.在原来的WsController类中增加聊天的方法handleChat()，代码如下图所示：

    @Autowired

    private SimpMessagingTemplate messagingTemplate;//

    @MessageMapping("/chat")

    public void handleChat(Principal principal, String msg) { //

        if (principal.getName().equals("dzz")) {//

            messagingTemplate.convertAndSendToUser("zbb",

                    "/queue/notifications", principal.getName() + "-send:"

                            + msg);

        } else {

            messagingTemplate.convertAndSendToUser(dzz",

                    "/queue/notifications", principal.getName() + "-send:"

                            + msg);

        }

    }

}

(1)SimpMessagingTemplate用于向浏览器发送信息。

(2)在spring mvc中，principal包含了登录用户的信息，在这里我们直接用。

(3)这里是一段写死的代码，如果登录的用户是dzz,那就将消息发送给zbb，大家根据自己的需求进行修改。通过convertAndSendToUser（）方法进行发送，第一个参数是信息接收的目标，第二个参数是要发送的地址，第三个参数是要发送的信息。

4.在原来的WebSocketConfig类中再创建一个节点（endpoint）和代理(MessageBroker),代码如下图所示：

package com.wisely.ch7_6;

import org.springframework.context.annotation.Configuration;

import org.springframework.messaging.simp.config.MessageBrokerRegistry;

import org.springframework.web.socket.config.annotation.AbstractWebSocketMessageBrokerConfigurer;

import org.springframework.web.socket.config.annotation.EnableWebSocketMessageBroker;

import org.springframework.web.socket.config.annotation.StompEndpointRegistry;

@Configuration

@EnableWebSocketMessageBroker

public class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer{

    @Override

    public void registerStompEndpoints(StompEndpointRegistry registry) {

        registry.addEndpoint("/endpointWisely").withSockJS();

        registry.addEndpoint("/endpointChat").withSockJS();//

    }

    @Override

    public void configureMessageBroker(MessageBrokerRegistry registry) {

        registry.enableSimpleBroker("/queue","/topic"); //

    }

}

5.在原来的WebMvcConfig类中加入/login和/chat的映射，如下图：

           registry.addViewController("/login").setViewName("/login");

           registry.addViewController("/chat").setViewName("/chat");

三.效果演示

用两个账号登录后，如图所示：

dzz发送消息后zbb就能收到消息了，如图所示：

websocket的一对一聊天演示到此就结束了，如有错误，欢迎指正。

在spring boot中使用webSocket组件（二）的更多相关文章

  1. 在spring boot中使用webSocket组件（一）

    最近在项目中使用到了spring的webSocket组件,在这里和大家分享下,如有错误,欢迎大家指正. 在这里我使用的IDE工具是Intellij idea,框架是spring boot.spring ...

  2. 禁用 Spring Boot 中引入安全组件 spring-boot-starter-security 的方法

    1.当我们通过 maven 或 gradle 引入了 Spring boot 的安全组件 spring-boot-starter-security,Spring boot 默认开启安全组件,这样我们就 ...

  3. Spring Boot中使用Websocket搭建即时聊天系统

    1.首先在pom文件中引入Webscoekt的依赖 <!-- websocket依赖 --> <dependency> <groupId>org.springfra ...

  4. Spring Boot 中使用 WebSocket 实现一对多聊天及一对一聊天

    为什么需要WebSocket? 我们已经有了http协议,为什么还需要另外一个协议?有什么好处? 比如我想得到价格变化,只能是客户端想服务端发起请求,服务器返回结果,HTTP协议做不到服务器主动向客户 ...

  5. 学习Spring Boot：（二十三）Spring Boot 中使用 Docker

    前言 简单的学习下怎么在 Spring Boot 中使用 Docker 进行构建,发布一个镜像,现在我们通过远程的 docker api 构建镜像,运行容器,发布镜像等操作. 这里只介绍两种方式: 远 ...

  6. （转）Spring Boot 2 (十)：Spring Boot 中的响应式编程和 WebFlux 入门

    http://www.ityouknow.com/springboot/2019/02/12/spring-boot-webflux.html Spring 5.0 中发布了重量级组件 Webflux ...

  7. Spring Boot 2 (十)：Spring Boot 中的响应式编程和 WebFlux 入门

    Spring 5.0 中发布了重量级组件 Webflux,拉起了响应式编程的规模使用序幕. WebFlux 使用的场景是异步非阻塞的,使用 Webflux 作为系统解决方案,在大多数场景下可以提高系统 ...

  8. Spring Boot开发之流水无情（二）

    http://my.oschina.net/u/1027043/blog/406558 上篇散仙写了一个很简单的入门级的Spring Boot的例子,没啥技术含量,不过,其实学任何东西只要找到第一个突 ...

  9. 【定时任务】Spring Boot 中如何使用 Quartz

    这篇文章将介绍如何在Spring Boot 中使用Quartz. 一.首先在 pom.xml 中添加 Quartz 依赖. <!-- quartz依赖 --> <dependency ...

随机推荐

  1. 牛客网Java刷题知识点之什么是异常、异常处理的原理是什么、为什么要使用异常、异常体系、运行时异常、普通异常、自定义异常、异常链

    不多说,直接上干货! 在这个世界不可能存在完美的东西,不管完美的思维有多么缜密,细心,我们都不可能考虑所有的因素,这就是所谓的智者千虑必有一失.同样的道理,计算机的世界也是不完美的,异常情况随时都会发 ...

  2. Hadoop实战项目：小文件合并

    项目背景 在实际项目中,输入数据往往是由许多小文件组成,这里的小文件是指小于HDFS系统Block大小的文件(默认128M),早期的版本所定义的小文件是64M,这里的hadoop-2.2.0所定义的小 ...

  3. springboot+shiro+cas实现单点登录之cas server搭建

    CAS是YALE大学发起的一个开源项目,旨在为web应用系统提供一种可靠的单点登录方法.它主要分为client和server端,server端负责对用户的认证工作,client端负责处理对客户端受保护 ...

  4. 解决resteasy上传表单文件名乱码

    Dubbo在2.6版本后合并了dubbox的resteasy代码后,可以支持rest风格的接口发布,但是在使用form表单上传文件的时候,获取的文件名称是乱码. 下面通过对源码分析一下原因,并提供一种 ...

  5. Java分页下载

    需求.提供公共的可以按照一定条件查询出结果,并提供将查询结果全部下载功能(Excel.CSV.TXT),由于一次性查出结果放到内存会占用大量内存.需要支持分页模式查询出所有数据. 实现思路 1.在公共 ...

  6. 洛谷 P1202 [USACO1.1]黑色星期五Friday the Thirteenth

    黑色星期五 难度:☆ Code: #include <iostream> #include <cstdio> #include <cstring> using na ...

  7. Android 适配底部返回键等虚拟键盘的完美解决方案

    这个问题来来回回困扰了我很久,一直没能妥善解决. 场景1:华为手机遮挡了屏幕底部. 场景2:进入应用时,虚拟键自动缩回,留下空白区域. 需求: 需要安卓能自适应底部虚拟按键,用户隐藏虚拟按键时应用要占 ...

  8. iOS - NSString 封装

    在实际项目开发过程中,发现字符串使用频率还是非常高的,NSString提供了很多相关的API,但是在开发过程中发现很多业务功能都是相同的.因此根据在开发过程中遇到的字符串使用场景,进行了简单封装.具体 ...

  9. userBean设置属性2

    package com.java.model; public class Student { private String name;private int age; public String ge ...

  10. SPOJ SORTBIT Sorted bit squence （数位DP，入门）

    题意: 给出一个范围[m,n],按照二进制表示中的1的个数从小到大排序,若1的个数相同,则按照十进制大小排序.求排序后的第k个数.注意:m*n>=0. 思路: 也是看论文的.一开始也能想到是这种 ...