Spring Boot的web开发（3）

最新推荐文章于 2021-01-30 14:08:06 发布
最新推荐文章于 2021-01-30 14:08:06 发布
阅读量434 收藏 1
点赞数
分类专栏： Spring_Boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33448008/article/details/78696583
版权
WebSocket
1 WebSocket是什么
WebSocket为浏览器和服务器提供双工异步通信（浏览器可以向服务器发送消息，服务器也可以向浏览器发送消息）。
WebSocket需要浏览器支持。
WebSocket是通过一个socket来实现双工异步通信能力的。
直接使用WebSocket过于麻烦，使用它的子协议STOMP，它是一个更高级别的协议，STOMP协议使用基于帧（frame）的格式来定义消息，与HTTP的request和response类似。
2 Spring Boot提供的自动配置
Spring Boot对内嵌的Tomcat（7、8）、Jetty9和Undertow使用WebSocket提供了支持。
配置源码存于org.springframework.boot.autoconfigure.websocket下.
Spring Boot为WebSocket提供的starter pom是spring-boot-starter-websocket.
3 实战
3.1 准备
新建Spring Boot项目，选择Thymeleaf和Websocket依赖
3.2广播式
广播式即服务端有消息时，会将消息发送给所有连接了当前endpoint的浏览器
(1)配置WebSocket,需要在配置类上使用@EnableWebSocketMessageBroker开启WebSocket支持，并通过集成AbstractWebSocketMessageBrokerConfigurer类，重写其方法来配置WebSocket.
package com.hand;

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;

/**
* Created by lqy on 2017-11-28.
*/
@Configuration
@EnableWebSocketMessageBroker //通过注解开启使用STOMP协议来传输基于代理（message broker）的消息
//这时控制器支持使用@MessageMapping，就像使用@RequestMapping一样
public class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer{

@Override
public void registerStompEndpoints(StompEndpointRegistry registry){
//注册STOMP协议的节点（endpoint），并映射到指定URL
registry.addEndpoint( "/endpointHand" ).withSockJS(); //注册一个STOMP的endpoint，并指定使用SockJS协议
}
@Override
public void configureMessageBroker(MessageBrokerRegistry registry){ //配置消息代理（Message Broker）
registry.enableSimpleBroker( "/topic" ); //广播式应配置一个/topic消息代理
}
}
(2)浏览器向服务端发送的消息用此类接受
package com.hand;

/**
* Created by lqy on 2017-11-28.
*/
public class HandMessage {
private String name ;
public String getName(){
return name ;
}
}
(3)服务端向浏览器发送的此类的消息
package com.hand;

/**
* Created by lqy on 2017-11-28.
*/
public class HandResponse {
private String responseMessage ;
public HandResponse(String responseMessage){
this . responseMessage =responseMessage;
}
public String getResponseMessage(){
return responseMessage ;
}
}
(4)演示控制器：
package com.hand;

import org.springframework.messaging.handler.annotation. MessageMapping ;
import org.springframework.messaging.handler.annotation. SendTo ;
import org.springframework.stereotype. Controller ;

/**
* Created by lqy on 2017-11-28.
*/
@Controller
public class HandController {
@MessageMapping ( "/welcome" ) //当浏览器向服务端发送请求时，通过该注解映射/welcome这个地址，类似@RequestMapping
@SendTo ( "/topic/getResponse" ) //当服务端有消息时，会对订阅了@Sendto中的路径的浏览器发送消息
public HandResponse say(HandMessage message) throws Exception{
Thread. sleep ( 3000 );
return new HandResponse( "welcome," +message.getName()+ "!" );
}
}
(5)添加脚本。
将stomp.min.js(STOMP协议的客户端脚本)、sockjs.min.js(SockJS的客户端脚本)以及jQuery放置在src/main/resources/static下。
(6)演示页面，在src/main/resources/templates下 新建hand.html
<!DOCTYPE html>
< html xmlns: th = "http://www.thymeleaf.org" >
< head >
< meta charset= "UTF-8" />
< title > Spring Boot+WebSocket+广播式 </ title >

</ head >
< body οnlοad= " disconnect () " >
< noscript >< h2 style= " color : #ff0000 " > 貌似你的浏览器不支持websocket </ h2 ></ noscript >
< div >
< div >
< button id= "connect" οnclick= " connect (); " > 连接 </ button >
< button id= "disconnect" disabled= "disabled" οnclick= " disconnect (); " > 断开连接 </ button >
</ div >
< div id= "conversationDiv" >
< label > 输入你的名字 </ label >< input type= "text" id= "name" />
< button id= "sendName" οnclick= " sendName (); " > 发送 </ button >
< p id= "response" ></ p >
</ div >
</ div >
< script th :src= "@{sockjs.min.js}" ></ script >
< script th :src= "@{stomp.min.js}" ></ script >
< script th :src= "@{jquery.js}" ></ script >
< script type= "text/javascript" >
var stompClient = null ;

function setConnected (connected) {
document . getElementById ( 'connect' ). disabled = connected;
document . getElementById ( 'disconnect' ). disabled = !connected;
document . getElementById ( 'conversationDiv' ). style . visibility = connected ? 'visible' : 'hidden' ;
$ ( '#response' ). html ();
}

function connect () {
var socket = new SockJS ( '/endpointHand' ); //连接SockJS的endpoint的名字为“/endpointHand”
stompClient = Stomp . over ( socket ); //使用STOMP子协议的WebSocker客户端
stompClient . connect ({}, function (frame) { //连接WebSocker服务端
setConnected ( true );
console . log ( 'Connected: ' + frame);
stompClient . subscribe ( '/topic/getResponse' , function (respnose){ //通过stompClient.subscribe订阅/topic/getResponse目标（destination）发送的消息，这个是在控制器的@Sento中定义的
showResponse ( JSON . parse (respnose. body ).responseMessage);
});
});
}


function disconnect () {
if ( stompClient != null ) {
stompClient . disconnect ();
}
setConnected ( false );
console . log ( "Disconnected" );
}

function sendName () {
var name = $ ( '#name' ). val ();
//通过stompClient.send向/welcome目标（destination）发送消息，这个是在控制器的MessageMapping中定义的
stompClient . send ( "/welcome" , {}, JSON . stringify ({ 'name' : name }));
}

function showResponse (message) {
var response = $ ( "#response" );
response . html (message);
}
</ script >
</ body >
</ html >

(7)配置viewController,为Hand.html提供便捷的路径映射
package com.hand;

import org.springframework.context.annotation. Configuration ;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;

/**
* Created by lqy on 2017-11-28.
*/
@Configuration
public class WebmvcConfig extends WebMvcConfigurerAdapter{
@Override
public void addViewControllers(ViewControllerRegistry registry){
registry.addViewController( "/hand" ).setViewName( "/Hand" );
}
}
（8）运行程序。
预期效果：一个浏览器发送一个消息到服务端时，其他浏览器也能接收到从服务端发送的这个消息。
开启三个浏览器，访问http://localhost:8080/hand,分别连接服务器，然后再浏览器发送一条消息，其他浏览器接收
连接服务端格式：
连接成功的返回：

订阅目标

向目标发送消息的格式

从目标接收的格式

3.3 点对点式
一对一聊天室：
需要用户相关的内容，引入最简单的Spring Security相关内容
(1)添加Spring Security的starter pom；
< dependency >
< groupId > org.springframework.boot </ groupId >
< artifactId > spring-boot-starter-security </ artifactId >
</ dependency >
(2)Spring Security的简单配置.
package com.hand;

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;

/**
* Created by lqy on 2017-11-28.
*/
@Configuration
@EnableWebSecurity
public class WebSecurityConfig extends WebSecurityConfigurerAdapter{
@Override
protected void configure(HttpSecurity http) throws Exception{
http
.authorizeRequests()
.antMatchers( "/" , "/login" ).permitAll() //设置Spring Security对/和/"login"路径不拦截
.anyRequest().authenticated()
.and()
.formLogin()
.loginPage( "/login" ) //设置Spring Security的登陆页面访问的路径为/login
.defaultSuccessUrl( "/chat" ) //登陆成功后转向/chat路径
.permitAll()
.and()
.logout()
.permitAll();
}
//在内存中分别配置两个用户lqy和lqy01，密码与用户名一致，角色是USER
@Override
protected void configure(AuthenticationManagerBuilder auth) throws Exception{
auth
.inMemoryAuthentication()
.withUser( "lqy" ).password( "lqy" ).roles( "USER" )
.and()
.withUser( "lqy01" ).password( "lqy01" ).roles( "USER" );
}
///resources/static目录下的静态资源，Spring Security不拦截
@Override
public void configure(WebSecurity web) throws Exception{
web.ignoring().antMatchers( "/resources/static/**" );
}

}
(3)WebSocket;
package com.hand;

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;

/**
* Created by lqy on 2017-11-28.
*/
@Configuration
@EnableWebSocketMessageBroker //通过注解开启使用STOMP协议来传输基于代理（message broker）的消息
//这时控制器支持使用@MessageMapping，就像使用@RequestMapping一样
public class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer{

@Override
public void registerStompEndpoints(StompEndpointRegistry registry){
//注册STOMP协议的节点（endpoint），并映射到指定URL
//registry.addEndpoint("/endpointHand").withSockJS();//注册一个STOMP的endpoint，并指定使用SockJS协议
registry.addEndpoint( "/endpointChat" ).withSockJS(); //注册一个STOMP的endpoint，并指定使用SockJS协议
}
@Override
public void configureMessageBroker(MessageBrokerRegistry registry){ //配置消息代理（Message Broker）
//registry.enableSimpleBroker("/topic");//广播式应配置一个/topic消息代理
registry.enableSimpleBroker( "/queue" , "/topic" ); //点对点式新增一个/queue消息代理
}
}
(4)控制器
package com.hand;


import org.springframework.beans.factory.annotation. Autowired ;
import org.springframework.messaging.handler.annotation. MessageMapping ;
import org.springframework.messaging.simp.SimpMessagingTemplate;
import org.springframework.stereotype. Controller ;

import java.security.Principal;

/**
* Created by lqy on 2017-11-28.
*/
@Controller
public class WebSecurityController {
@Autowired
private SimpMessagingTemplate messagingTemplate ; //通过SimpMessagingTemplate向浏览器发送消息
@MessageMapping ( "/chat" )
public void handleChat(Principal principal, String msg){ //在Spring MVC中，可以直接在参数中获取principal,principal中包含当前用户的信息
if (principal.getName().equals( "lqy" )){ //这是一段硬编码，如果发送人是Lqy,则发送给lqy01,反之。。
//通过messagingTemplate.convertAndSendToUser向用户发送消息，第一个参数是接收消息的用户，第二个是浏览器订阅的地址，第三个是消息本身
messagingTemplate .convertAndSendToUser( "lqy01" , "/queue/notifications" ,principal.getName()+ "-send:" +msg);
} else {
messagingTemplate .convertAndSendToUser( "lqy" , "/queue/notifications" ,principal.getName()+ "-send:" +msg);
}
}

}
(5)登录页面,src/main/resources/templates下新建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 >
(6)聊天页面
<!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= "handForm" >
< textarea rows= "4" cols= "60" name= "text" ></ textarea >
< input type= "submit" />
</ form >

< script th :inline= "javascript" >
$ ( '#handForm' ). submit ( function (e){
e. preventDefault ();
var text = $ ( '#handForm' ). find ( ' textarea [name="text"]' ). val ();
sendSpittle ( text );
});

var sock = new SockJS ( "/endpointChat" ); //连接endpoint名为endpointChat的endpoint
var stomp = Stomp . over ( sock );
stomp . connect ( 'guest' , 'guest' , function (frame) {
stomp . subscribe ( "/user/queue/notifications" , handleNotification ); //订阅/user/queue/notifications发送的消息，这里与在控制器的messagingTemplate.convertAndSendToUser中定义的订阅地址保持一致。
//此处多一个/user，且是必须的，使用/user之后才能发送消息到指定用户
});



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 >
(7)增加页面的viewController;
package com.hand;

import org.springframework.context.annotation. Configuration ;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;

/**
* Created by lqy on 2017-11-28.
*/
@Configuration
public class WebmvcConfig extends WebMvcConfigurerAdapter{
@Override
public void addViewControllers(ViewControllerRegistry registry){
//registry.addViewController("/hand").setViewName("/Hand");
registry.addViewController( "/login" ).setViewName( "/login" );
registry.addViewController( "/chat" ).setViewName( "/chat" );
}
}
(8)运行
预期效果：两个用户登录系统，可以互发消息。一个浏览器用户会话session是共享的，在浏览器设置两个独立的用户，从而实现用户会话session隔离。http://localhos:8080/login

一纸书卷叙人生
关注
专栏目录
java即时通讯框架_Spring Boot 开发私有即时通信系统（WebSocket）
weixin_39612849的博客
02-20 1995
1/ 概述利用Spring Boot作为基础框架，Spring Security作为安全框架，WebSocket作为通信框架，实现点对点聊天和群聊天。2/ 所需依赖Spring Boot 版本 1.5.3，使用MongoDB存储数据(非必须)，Maven依赖如下：1.83.0.0.RELEASE2.0.0org.springframework.bootspring-boot-starter-web...
【websocket】spring boot 集成 websocket 的四种方式
KIWI的专栏
10-23 1752
集成 websocket 的四种方案 1. 原生注解 pom.xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency&gt...
WebSocket 实现前后端通信的笔记
小屁孩大帅-保密的博客
11-21 879
引入依赖 在 Spring 中要使用 WebSocket 功能，需要在pom中引入依赖： <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> &l...
Spring Boot+STOMP解决消息乱序问题
cw_hello1的专栏
07-05 3231
当我们使用Spring Boot+websocket进行前后端进行通信时，我们需要注意：服务器可以随时向客户端发送消息。默认的情况下，不保证：服务器发送的消息与到达客户端的消息的顺序是一致的。可能先发送的消息后到，后发送的消息先到。（注意：两个消息发送的时间差不多，不能相差太多，不然就是顺序的了。一般一秒以下都会造成乱序）。如果你的需求需要服务器向客户端发送的消息是按照顺序的。请你往下看，如果你的...
Spring Boot Web 开发注解篇
08-29
总的来说，Spring Boot的`spring-boot-starter-web`依赖为Web开发提供了一站式的解决方案，结合Spring MVC，可以快速构建高效、可维护的Web应用。通过注解驱动的编程方式，开发者能够更专注于业务逻辑，而不是底层的...
Spring boot web 访问
05-08
总结来说，"Spring Boot web 访问"涵盖了创建一个基础的Spring Boot Web应用，配置访问静态资源，使用Spring Boot DevTools进行快速开发，以及处理中文乱码问题。这些都是Spring Boot入门开发者需要掌握的基本技能，...
《Spring Boot企业级开发教程》配套资源.zip
01-25
用户可以通过对比自己的答案来检验理解程度，巩固所学知识，包括自动配置、起步依赖、Web开发、数据访问、Actuator监控、Spring Cloud集成等内容。 2. **教学PPT**： 教学PPT通常会以清晰的图表和步骤说明Spring ...
详解使用Spring Boot开发Web项目
08-30
Spring Boot是一个流行的Java框架，它简化了创建和配置基于Spring的应用程序，特别是对于Web开发。Spring Boot的核心特性之一是提供了一组“起步依赖”（starters），这些预配置的模块使得开发者能够快速启动Web项目...
3w字带你揭开WebSocket的神秘面纱~
架构师小秘圈
12-22 918
目录一. WebSocket 简介WebSocket 是一种基于 TCP 的网络协议。在 2009 年诞生，于 2011 年被 IETF 定为标准 RFC 6455 通信标准，并由 RF...
Spring WebSocket+SockJS+Stomp实现一对一、一对多通信
热门推荐
隔壁老王的专栏
11-27 5万+
最近项目上要做扫码登录，所以研究了一下Spring WebSocket。网上找了很多资料 springmvc(18)使用WebSocket 和 STOMP 实现消息功能、spring websocket + stomp 实现广播通信和一对一通信，要么就是不是自己想要的，要么就是只有中间一部分。所以特别写了这篇文章，一方面怕自己遗忘，另一方面是希望可以给大家一些参考。 先放代码，在文章的最后我
spring websocket 利用注解接收和发送消息
打不死的小强
04-21 4万+
websocket只定义了文字和字节俩种形式的消息格式，没有像http协议那样子有那么丰富的协议规范，我们看看http的协议格式websocket之所以没有自己定义那么多的协议格式，是希望有框架自己来实现定义这些格式，我们称之为websocket的子协议，sub-protocol。STOMP，Streaming Text Orientated Message Protocol，是流文本定向消息协议，
springmvc(18)使用WebSocket 和 STOMP 实现消息功能
PacosonSWJTU的博客
07-17 4万+
【0】README 1）本文旨在 介绍如何 利用 WebSocket 和 STOMP 实现消息功能； 2）要知道， WebSocket 是发送和接收消息的 底层API，而SockJS 是在 WebSocket 之上的 API；最后 STOMP（面向消息的简单文本协议）是基于 SockJS 的高级API （干货——简而言之，WebSocket 是底层协议，SockJS 是WebSocket 的
spring整合websocket+stomp(二)
无为萌新
04-22 654
1.pom.xml引入相关依赖 2.配置文件 3.spring-mvc.xml 4.java代码
spring boot ＋WebSocket（三） 点对点式
哎幽的成长
01-12 4万+
前两篇博客演示了广播式的websocket 推送。 广播式有自己的应用场景，但是广播式不能解决我门一个常见的场景，即消息由谁发送、由谁接收的问题。本例中演示了一个简单的聊天室程序。例子中只有两个用户，互相发送消息给彼此，因需要用户相关内容，所以这里引入了最简单的spring Security相关内容。本文原代码会在文章末尾给出，但是原代码中包含 spring boot ＋WebSocket
Message Broker 教程大纲
Freud
06-12 2982
2013年一整年在公司一直做MessageBroker相关。也一直想写点关于MessageBroker的jia
websocket创建失败_Spring WebSocket 问题　创建连接不成功问题?报错-问答-阿里云开发者社区-阿里云...
weixin_31201555的博客
01-30 712
上传图片老是失败，就贴代码了。这是后台spring websocket的配置@Configuration@EnableWebSocketMessageBroker@EnableWebMvc@Controllerpublic class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer {@Overridepublic ...
springboot 整合websoket
qq_43077857的博客
07-07 291
建一个springboot想demo 先看websocket配置类 WebSocketStompConfig package com.example.demo.config; import org.springframework.context.annotation.Configuration; import org.springframework.messaging.simp.config.MessageBrokerRegistry; import org.springframework.web.soc
Spring Boot(二)：深化web开发与开源技术集成
首先，Spring Boot的web开发以其简洁性著称，包括内置的JSON支持、filters、属性管理和日志功能，这使得创建RESTful API变得异常方便。传统的Spring应用需要手动配置JSON处理和控制器扫描，但在Spring Boot中，只需...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值