Springboot 整合Websocket+Stomp协议+RabbitMQ做消息代理 实例教程

总结

我个人认为，如果你想靠着背面试题来获得心仪的offer，用癞蛤蟆想吃天鹅肉形容完全不过分。想必大家能感受到面试越来越难，想找到心仪的工作也是越来越难，高薪工作羡慕不来，却又对自己目前的薪资不太满意，工作几年甚至连一个应届生的薪资都比不上，终究是错付了，错付了自己没有去提升技术。

这些面试题分享给大家的目的，其实是希望大家通过大厂面试题分析自己的技术栈，给自己梳理一个更加明确的学习方向，当你准备好去面试大厂，你心里有底，大概知道面试官会问多广，多深，避免面试的时候一问三不知。

大家可以把Java基础，JVM，并发编程，MySQL，Redis，Spring，Spring cloud等等做一个知识总结以及延伸，再去进行操作，不然光记是学不会的，这里我也提供一些脑图分享给大家：

希望你看完这篇文章后，不要犹豫，抓紧学习，复习知识，准备在明年的金三银四拿到心仪的offer，加油，打工人！

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

}

}

});

return container;

}

}

看到这么多代码是不是一下子有点懵，没事，看我的MyRabbitConfig代码简析 ：

1.连接rabbitmq代码

2.简单使用一下主题交换机

（其实可以配置更多的交换机，对于使用rabbitmq方面，完全没接触过的小伙伴，不妨先看看这篇文章，《Springboot 整合RabbitMq ，用心看完这一篇就够了》 链接： https://blog.csdn.net/qq_35387940/article/details/100514134）

3.配置生产者推送消息触发的回调函数

4.消费者监听器，采取开启手动确认

ok，到这里我们可以看到整合上rabbitmq的相关内容，完毕。

那么还有接收消息使用到的实体类，处理消息的业务类，也就是

ChatMessage.java：

这里实体类比较简单，大家可以自己扩展符合自己消息内容场景的。

/**

• @Author : JCccc

• @CreateTime : 2020/8/26

• @Description :

**/

public class ChatMessage {

private MessageType type;

private String content;

private String sender;

private String to;

public enum MessageType {

CHAT,

JOIN,

LEAVE

}

@Override

public String toString() {

return “ChatMessage{” +

“type=” + type +

“, content='” + content + ‘’’ +

“, sender='” + sender + ‘’’ +

“, to='” + to + ‘’’ +

‘}’;

}

public MessageType getType() {

return type;

}

public void setType(MessageType type) {

this.type = type;

}

public String getContent() {

return content;

}

public void setContent(String content) {

this.content = content;

}

public String getSender() {

return sender;

}

public void setSender(String sender) {

this.sender = sender;

}

public String getTo() {

return to;

}

public void setTo(String to) {

this.to = to;

}

}

然后是ChatService.java：

import cn.jc.springbootwebsocketdemo.model.ChatMessage;

import com.alibaba.fastjson.JSONObject;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.messaging.MessagingException;

import org.springframework.messaging.simp.SimpMessageSendingOperations;

import org.springframework.stereotype.Service;

/**

• @Author : JCccc

• @CreateTime : 2020/8/26

• @Description :

**/

@Service

public class ChatService {

@Autowired

private SimpMessageSendingOperations simpMessageSendingOperations;

public Boolean sendMsg(String msg) {

try {

JSONObject msgJson = JSONObject.parseObject(msg);

if (msgJson.getString(“to”).equals(“all”) && msgJson.getString(“type”).equals(ChatMessage.MessageType.CHAT.toString())){

simpMessageSendingOperations.convertAndSend(“/topic/public”, msgJson);

}else if (msgJson.getString(“to”).equals(“all”) && msgJson.getString(“type”).equals(ChatMessage.MessageType.JOIN.toString())) {

simpMessageSendingOperations.convertAndSend(“/topic/public”, msgJson);

}else if(msgJson.getString(“to”).equals(“all”) && msgJson.getString(“type”).equals(ChatMessage.MessageType.LEAVE.toString())) {

simpMessageSendingOperations.convertAndSend(“/topic/public”, msgJson);

}else if (!msgJson.getString(“to”).equals(“all”) && msgJson.getString(“type”).equals(ChatMessage.MessageType.CHAT.toString())){

simpMessageSendingOperations.convertAndSendToUser(msgJson.getString(“to”),“/topic/msg”, msgJson);

}

} catch (MessagingException e) {

e.printStackTrace();

return false;

}

return true;

}

}

这个很关键，该实例的点对点推送消息，群发的处理代码都在这个业务处理类里面了，

那么也是稍微做下代码简析：

简单点就是 convertAndSend 和 convertAndSendToUser的使用， 一个是群发，一个是单发（单发会在主题前拼接/user）

还有使用到的json转换工具类，其实也就是fastjosn的方法：

import com.alibaba.fastjson.JSON;

import com.alibaba.fastjson.JSONObject;

/**

• @Author : JCccc

• @CreateTime : 2020/8/26

• @Description :

**/

public final class JsonUtil {

/**

• 把Java对象转换成json字符串

• @param object 待转化为JSON字符串的Java对象

• @return json 串 or null

*/

public static String parseObjToJson(Object object) {

String string = null;

try {

string = JSONObject.toJSONString(object);

} catch (Exception e) {

System.out.println(e.getMessage());

}

return string;

}

/**

• 将Json字符串信息转换成对应的Java对象

• @param json json字符串对象

• @param c 对应的类型

*/

public static T parseJsonToObj(String json, Class c) {

try {

JSONObject jsonObject = JSON.parseObject(json);

return JSON.toJavaObject(jsonObject, c);

} catch (Exception e) {

System.out.println(e.getMessage());

}

return null;

}

}

这一小段咱们完成了这几个文件：

好了，到这里，我们后端的代码也就完成了。

噢对了，还有我们的一个较为关键的，使用@MessageMapping 的 controller，

创建ChatController.java：

import cn.jc.springbootwebsocketdemo.model.ChatMessage;

import cn.jc.springbootwebsocketdemo.util.JsonUtil;

import org.springframework.amqp.rabbit.core.RabbitTemplate;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.messaging.handler.annotation.MessageMapping;

import org.springframework.messaging.handler.annotation.Payload;

import org.springframework.stereotype.Controller;

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

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

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

import java.security.Principal;

/**

• @Author : JCccc

• @CreateTime : 2020/8/26

• @Description :

**/

@Controller

public class ChatController {

@Autowired

private RabbitTemplate rabbitTemplate;

/**

• 服务端推送给单人的接口

• @param uid

• @param content

*/

@ResponseBody

@GetMapping(“/sendToOne”)

public void sendToOne(@RequestParam(“uid”) String uid,@RequestParam(“content”) String content ){

ChatMessage chatMessage=new ChatMessage();

chatMessage.setType(ChatMessage.MessageType.CHAT);

chatMessage.setContent(content);

chatMessage.setTo(uid);

chatMessage.setSender(“系统消息”);

rabbitTemplate.convertAndSend(“topicWebSocketExchange”,“topic.public”, JsonUtil.parseObjToJson(chatMessage));

}

/**

• 接收 客户端传过来的消息 通过setSender和type 来判别时单发还是群发

• @param chatMessage

• @param principal

*/

@MessageMapping(“/chat.sendMessageTest”)

public void sendMessageTest(@Payload ChatMessage chatMessage, Principal principal) {

try {

String name = principal.getName();

chatMessage.setSender(name);

rabbitTemplate.convertAndSend(“topicWebSocketExchange”,“topic.public”, JsonUtil.parseObjToJson(chatMessage));

} catch (Exception e) {

System.out.println(e.getMessage());

}

}

/**

• 接收 客户端传过来的消息 上线消息

• @param chatMessage

*/

@MessageMapping(“/chat.addUser”)

public void addUser(@Payload ChatMessage chatMessage) {

System.out.println(“有用户加入到了websocket 消息室” + chatMessage.getSender());

try {

System.out.println(chatMessage.toString());

rabbitTemplate.convertAndSend(“topicWebSocketExchange”,“topic.public”, JsonUtil.parseObjToJson(chatMessage));

} catch (Exception e) {

System.out.println(e.getMessage());

}

}

}

我们也稍微做个代码简析：

那么为了做个简单的实力测试，我们也搞了点页面：

main.css：

• {

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

html,body {

height: 100%;

overflow: hidden;

}

body {

margin: 0;

padding: 0;

font-weight: 400;

font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;

font-size: 1rem;

line-height: 1.58;

color: #333;

background-color: #f4f4f4;

height: 100%;

}

body:before {

height: 50%;

width: 100%;

position: absolute;

top: 0;

left: 0;

background: #128ff2;

content: “”;

z-index: 0;

}

.clearfix:after {

display: block;

content: “”;

clear: both;

}

.hidden {

display: none;

}

.form-control {

width: 100%;

min-height: 38px;

font-size: 15px;

border: 1px solid #c8c8c8;

}

.form-group {

margin-bottom: 15px;

}

input {

padding-left: 10px;

outline: none;

}

h1, h2, h3, h4, h5, h6 {

margin-top: 20px;

margin-bottom: 20px;

}

h1 {

font-size: 1.7em;

}

a {

color: #128ff2;

}

button {

box-shadow: none;

border: 1px solid transparent;

font-size: 14px;

outline: none;

line-height: 100%;

white-space: nowrap;

vertical-align: middle;

padding: 0.6rem 1rem;

border-radius: 2px;

transition: all 0.2s ease-in-out;

cursor: pointer;

min-height: 38px;

}

button.default {

background-color: #e8e8e8;

color: #333;

box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);

}

button.primary {

background-color: #128ff2;

box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);

color: #fff;

}

button.accent {

background-color: #ff4743;

box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);

color: #fff;

}

#username-page {

text-align: center;

}

.username-page-container {

background: #fff;

box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);

border-radius: 2px;

width: 100%;

max-width: 500px;

display: inline-block;

margin-top: 42px;

vertical-align: middle;

position: relative;

padding: 35px 55px 35px;

min-height: 250px;

position: absolute;

top: 50%;

left: 0;

right: 0;

margin: 0 auto;

margin-top: -160px;

}

.username-page-container .username-submit {

margin-top: 10px;

}

#chat-page {

position: relative;

height: 100%;

}

.chat-container {

max-width: 700px;

margin-left: auto;

margin-right: auto;

background-color: #fff;

box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);

margin-top: 30px;

height: calc(100% - 60px);

max-height: 600px;

position: relative;

}

#chat-page ul {

list-style-type: none;

background-color: #FFF;

margin: 0;

overflow: auto;

overflow-y: scroll;

padding: 0 20px 0px 20px;

height: calc(100% - 150px);

}

#chat-page #messageForm {

padding: 20px;

}

#chat-page ul li {

line-height: 1.5rem;

padding: 10px 20px;

margin: 0;

border-bottom: 1px solid #f4f4f4;

}

#chat-page ul li p {

margin: 0;

}

#chat-page .event-message {

width: 100%;

text-align: center;

clear: both;

}

#chat-page .event-message p {

color: #777;

font-size: 14px;

word-wrap: break-word;

}

#chat-page .chat-message {

padding-left: 68px;

position: relative;

}

#chat-page .chat-message i {

position: absolute;

width: 42px;

height: 42px;

overflow: hidden;

left: 10px;

display: inline-block;

vertical-align: middle;

font-size: 18px;

line-height: 42px;

color: #fff;

text-align: center;

border-radius: 50%;

font-style: normal;

text-transform: uppercase;

}

#chat-page .chat-message span {

color: #333;

font-weight: 600;

}

#chat-page .chat-message p {

color: #43464b;

}

#messageForm .input-group input {

float: left;

width: calc(100% - 85px);

}

#messageForm .input-group button {

float: left;

width: 80px;

height: 38px;

margin-left: 5px;

}

.chat-header {

text-align: center;

padding: 15px;

border-bottom: 1px solid #ececec;

}

.chat-header h2 {

margin: 0;

font-weight: 500;

}

.connecting {

padding-top: 5px;

text-align: center;

color: #777;

position: absolute;

top: 65px;

width: 100%;

}

@media screen and (max-width: 730px) {

.chat-container {

margin-left: 10px;

margin-right: 10px;

margin-top: 10px;

}

}

@media screen and (max-width: 480px) {

.chat-container {

height: calc(100% - 30px);

}

.username-page-container {

width: auto;

margin-left: 15px;

margin-right: 15px;

padding: 25px;

}

#chat-page ul {

height: calc(100% - 120px);

}

#messageForm .input-group button {

width: 65px;

}

#messageForm .input-group input {

width: calc(100% - 70px);

}

.chat-header {

padding: 10px;

}

.connecting {

top: 60px;

}

.chat-header h2 {

font-size: 1.1em;

}

}

main.js ：

‘use strict’;

var usernamePage = document.querySelector(‘#username-page’);

var chatPage = document.querySelector(‘#chat-page’);

var usernameForm = document.querySelector(‘#usernameForm’);

var messageForm = document.querySelector(‘#messageForm’);

var messageInput = document.querySelector(‘#message’);

var messageArea = document.querySelector(‘#messageArea’);

var connectingElement = document.querySelector(‘.connecting’);

var stompClient = null;

var username = null;

var colors = [

‘#2196F3’, ‘#32c787’, ‘#00BCD4’, ‘#ff5652’,

‘#ffc107’, ‘#ff85af’, ‘#FF9800’, ‘#39bbb0’

];

function connect(event) {

username = document.querySelector(‘#name’).value.trim();

if(username) {

usernamePage.classList.add(‘hidden’);

chatPage.classList.remove(‘hidden’);

var socket = new SockJS(‘/ws’);

stompClient = Stomp.over(socket);

stompClient.connect({

username:username

}, onConnected, onError);

}

event.preventDefault();

}

function onConnected() {

// Subscribe to the Public Topic

stompClient.subscribe(‘/topic/public’, onMessageReceived);

//额外订阅了mike频道,暂时当做自己的频道,别人需要特意往这个频道发送消息,才能完成 ‘单对单’

stompClient.subscribe(‘/user/topic/msg’, onMessageReceived);

// Tell your username to the server

stompClient.send(“/app/chat.addUser”,

{},

JSON.stringify({sender: username, type: ‘JOIN’,to:‘all’})

)

connectingElement.classList.add(‘hidden’);

}

function onError(error) {

connectingElement.textContent = ‘Could not connect to WebSocket server. Please refresh this page to try again!’;

connectingElement.style.color = ‘red’;

}

function sendMessage(event) {

var messageContent = messageInput.value.trim();

if(messageContent && stompClient) {

var chatMessage = {

sender: username,

content: messageInput.value,

type: ‘CHAT’,

to:‘all’

};

console.log(“----- ：”+ messageInput.value);

stompClient.send(“/app/chat.sendMessageTest”, {}, JSON.stringify(chatMessage));

messageInput.value = ‘’;

}

event.preventDefault();

}

function onMessageReceived(payload) {

var message = JSON.parse(payload.body);

var messageElement = document.createElement(‘li’);

if(message.type === ‘JOIN’) {

messageElement.classList.add(‘event-message’);

message.content = message.sender + ’ 上线~!';

} else if (message.type === ‘LEAVE’) {

messageElement.classList.add(‘event-message’);

message.content = message.sender + ’ 离线了!';

} else {

messageElement.classList.add(‘chat-message’);

var avatarElement = document.createElement(‘i’);

var avatarText = document.createTextNode(message.sender[0]);

avatarElement.appendChild(avatarText);

avatarElement.style[‘background-color’] = getAvatarColor(message.sender);

messageElement.appendChild(avatarElement);

var usernameElement = document.createElement(‘span’);

var usernameText = document.createTextNode(message.sender);

usernameElement.appendChild(usernameText);

messageElement.appendChild(usernameElement);

}

var textElement = document.createElement(‘p’);

var messageText = document.createTextNode(‘消息：’+message.content);

textElement.appendChild(messageText);

messageElement.appendChild(textElement);

messageArea.appendChild(messageElement);

messageArea.scrollTop = messageArea.scrollHeight;

}

function getAvatarColor(messageSender) {

var hash = 0;

for (var i = 0; i < messageSender.length; i++) {

hash = 31 * hash + messageSender.charCodeAt(i);

}

var index = Math.abs(hash % colors.length);

return colors[index];

}

usernameForm.addEventListener(‘submit’, connect, true)

messageForm.addEventListener(‘submit’, sendMessage, true)

这里我们需要注意一些用法：

连接方法：

同时在连接时，触发的方法OnConnected：

发送消息方法sendMessage：

最后时咱们的客户端测试页面，index.html：

Sorry! Your browser doesn't support Javascript

写在最后

作为一名即将求职的程序员，面对一个可能跟近些年非常不同的 2019 年，你的就业机会和风口会出现在哪里？在这种新环境下，工作应该选择大厂还是小公司？已有几年工作经验的老兵，又应该如何保持和提升自身竞争力，转被动为主动？

就目前大环境来看，跳槽成功的难度比往年高很多。一个明显的感受：今年的面试，无论一面还是二面，都很考验Java程序员的技术功底。

最近我整理了一份复习用的面试题及面试高频的考点题及技术点梳理成一份“Java经典面试问题（含答案解析）.pdf和一份网上搜集的“Java程序员面试笔试真题库.pdf”（实际上比预期多花了不少精力），包含分布式架构、高可扩展、高性能、高并发、Jvm性能调优、Spring，MyBatis，Nginx源码分析，Redis，ActiveMQ、Mycat、Netty、Kafka、Mysql、Zookeeper、Tomcat、Docker、Dubbo、Nginx等多个知识点高级进阶干货！

由于篇幅有限，为了方便大家观看，这里以图片的形式给大家展示部分的目录和答案截图！

Java经典面试问题（含答案解析）

阿里巴巴技术笔试心得

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

送消息方法sendMessage：

最后时咱们的客户端测试页面，index.html：

Sorry! Your browser doesn't support Javascript

写在最后

作为一名即将求职的程序员，面对一个可能跟近些年非常不同的 2019 年，你的就业机会和风口会出现在哪里？在这种新环境下，工作应该选择大厂还是小公司？已有几年工作经验的老兵，又应该如何保持和提升自身竞争力，转被动为主动？

就目前大环境来看，跳槽成功的难度比往年高很多。一个明显的感受：今年的面试，无论一面还是二面，都很考验Java程序员的技术功底。

最近我整理了一份复习用的面试题及面试高频的考点题及技术点梳理成一份“Java经典面试问题（含答案解析）.pdf和一份网上搜集的“Java程序员面试笔试真题库.pdf”（实际上比预期多花了不少精力），包含分布式架构、高可扩展、高性能、高并发、Jvm性能调优、Spring，MyBatis，Nginx源码分析，Redis，ActiveMQ、Mycat、Netty、Kafka、Mysql、Zookeeper、Tomcat、Docker、Dubbo、Nginx等多个知识点高级进阶干货！

由于篇幅有限，为了方便大家观看，这里以图片的形式给大家展示部分的目录和答案截图！
[外链图片转存中…(img-XHwdUMy3-1715466718742)]

Java经典面试问题（含答案解析）

[外链图片转存中…(img-9InBnXVl-1715466718743)]

阿里巴巴技术笔试心得

[外链图片转存中…(img-ilFFEDq7-1715466718743)]

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取