@Configuration
@EnableWebSocketMessageBroker
@ConditionalOnProperty(name = “websocket.enabled”, havingValue = “true”)
public class WebSocketConfig implements WebSocketMessageBrokerConfigurer {
/**
-
方法描述: 端点配置
-
@param registry
-
@Return
-
@author caichengzhe
-
@date 2021年07月08日 10:43:55
*/
@Override
public void registerStompEndpoints(StompEndpointRegistry registry) {
registry.addEndpoint(“/ws”).setAllowedOrigins(“*”).withSockJS();
}
/**
-
方法描述: 消息传输格式配置
-
@param registry
-
@Return
-
@author caichengzhe
-
@date 2021年07月08日 10:43:38
*/
@Override
public void configureWebSocketTransport(WebSocketTransportRegistration registry) {
registry.setMessageSizeLimit(500 * 1024 * 1024);//500Mb
registry.setSendBufferSizeLimit(1024 * 1024 * 1024);//1Gb
registry.setSendTimeLimit(200000);//200s
}
/**
-
方法描述: 入界通道拦截,此处用来进行身份验证与用户信息设置
-
@param registration
-
@Return
-
@author caichengzhe
-
@date 2021年07月08日 10:43:15
*/
@Override
public void configureClientInboundChannel(ChannelRegistration registration) {
registration.interceptors(new ChannelInterceptor() {
@Override
public Message<?> preSend(Message<?> message, MessageChannel channel) {
StompHeaderAccessor accessor = MessageHeaderAccessor.getAccessor(message, StompHeaderAccessor.class);
if (StompCommand.CONNECT.equals(accessor.getCommand())) {
String token = accessor.getFirstNativeHeader(WebSocketConstant.WEBSOCKET_HEADER_TOKEN);
String userId = accessor.getFirstNativeHeader(WebSocketConstant.WEBSOCKET_HEADER_USER_ID);
if (StringUtil.isAnyBlank(token, userId)) {
return null;
}
//进行双重校验,两参数非空,且token中解析的用户id应于header传递的一致,否则视为非法请求
//websocket此处不再进行登录功能,均采用jwttoken进行身份验证
BladeUser bu = AuthUtil.getUser(token);
if (Objects.isNull(bu) || !StringUtil.equals(String.valueOf(bu.getUserId()), userId)) {
return null;
}
log.info(“用户:” + bu.getRealName() + “; userId:” + bu.getUserId() + " 连接成功");
accessor.setUser(() -> userId);
}
return message;
}
});
}
/**
-
方法描述: 出界通道拦截配置,此处用来进行日志信息收集
-
@param registration
-
@Return
-
@author caichengzhe
-
@date 2021年07月08日 10:44:06
*/
@Override
public void configureClientOutboundChannel(ChannelRegistration registration) {
registration.interceptors(new ChannelInterceptor() {
@Override
public void postSend(Message<?> message, MessageChannel channel, boolean sent) {
log.info(“发出消息:” + JSON.toJSONString(message.getPayload()) + “;发送结果:” + (sent ? “成功” : “失败”) + “;消息通道:” + channel);
}
});
}
@Override
public void configureMessageBroker(MessageBrokerRegistry registry) {
//total message mapping include broadcast and specific topic
registry.enableSimpleBroker(“/topic/broadcast”, “/queue”);
// client-to-server message mapping prefix
registry.setApplicationDestinationPrefixes(“/unify-ws”);
// server to specific client mapping prefix
registry.setUserDestinationPrefix(“/user”);
}
}
或者 简单配置
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.socket.server.standard.ServerEndpointExporter;
@Configuration
public class WebSocketConfig {
/**
- 注入一个ServerEndpointExporter,该Bean会自动注册使用@ServerEndpoint注解申明的websocket endpoint
*/
@Bean
public ServerEndpointExporter serverEndpointExporter() {
return new ServerEndpointExporter();
}
}
WebSocketService 服务类
import io.swagger.annotations.Api;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Component;
import javax.websocket.*;
import javax.websocket.server.ServerEndpoint;
import java.io.IOException;
import java.util.concurrent.ConcurrentHashMap;
import java.util.concurrent.atomic.AtomicInteger;
@Slf4j
@ServerEndpoint(value = “/point/change”)
@Component
@Api(value = “点位实时数据变更”, tags = “点位实时数据变更”)
public class WebSocketService {
/** concurrent包的线程安全Set,用来存放每个客户端对应的WebSocketServer对象。*/
private static ConcurrentHashMap<String, WebSocketService> webSocketMap = new ConcurrentHashMap<>();
private static ConcurrentHashMap<String, String> messageMap = new ConcurrentHashMap<>();
/*与某个客户端的连接会话,需要通过它来给客户端发送数据/
private Session session;
/** 记录当前在线连接数 */
private static AtomicInteger onlineCount = new AtomicInteger(0);
/**
- 连接建立成功调用的方法
*/
@OnOpen
public void onOpen(Session session) {
this.session = session;
String sessionId = session.getId();
if(webSocketMap.containsKey(sessionId)){
//加入set中
webSocketMap.remove(sessionId);
webSocketMap.put(sessionId,this);
}else{
//加入set中
webSocketMap.put(sessionId,this);
// 在线数加1
onlineCount.incrementAndGet();
}
log.info(“有新连接加入:{},当前在线人数为:{}”, session.getId(), onlineCount.get());
}
/**
- 连接关闭调用的方法
*/
@OnClose
public void onClose() {
if(webSocketMap.containsKey(session.getId())){
webSocketMap.remove(session.getId());
//从set中删除
onlineCount.decrementAndGet(); // 在线数减1
}
log.info(“有一连接关闭:{},当前在线人数为:{}”, session.getId(), onlineCount.get());
}
/**
- 收到客户端消息后调用的方法
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。
什么?你问面试题资料在哪里,这不是就在你眼前吗(滑稽
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。
什么?你问面试题资料在哪里,这不是就在你眼前吗(滑稽