在 xxx-framework
下的 pom.xml
中引入 websocket 的依赖:
org.springframework.boot
spring-boot-starter-websocket
创建 WebSocket 配置类,开启 WebSocket 支持
===================================================================================================
在 xxx-framework
下的 com.xxx.framework.config
包下添加该类:
package com.lrjas.framework.config;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.socket.server.standard.ServerEndpointExporter;
/**
- 开启WebSocket支持
*/
@Configuration
public class WebSocketConfig {
@Bean
public ServerEndpointExporter serverEndpointExporter() {
return new ServerEndpointExporter();
}
}
添加 WebSocketServer 类,创建 webSocket 端点
=======================================================================================================
package com.lrjas.framework.ws;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Component;
import javax.websocket.*;
import javax.websocket.server.PathParam;
import javax.websocket.server.ServerEndpoint;
import java.io.IOException;
import java.util.concurrent.CopyOnWriteArraySet;
// @ServerEndpoint 声明并创建了webSocket端点, 并且指明了请求路径
// id 为客户端请求时携带的参数, 用于服务端区分客户端使用
@ServerEndpoint(“/WebSocketServer/{sid}”)
@Component
public class WebSocketServer {
// 日志对象
private static final Logger log = LoggerFactory.getLogger(WebSocketServer.class);
// 静态变量,用来记录当前在线连接数。应该把它设计成线程安全的。
private static int onlineCount = 0;
// concurrent包的线程安全Set,用来存放每个客户端对应的MyWebSocket对象。
private static CopyOnWriteArraySet webSocketSet = new CopyOnWriteArraySet<>();
// private static ConcurrentHashMap<String,WebSocketServer> websocketList = new ConcurrentHashMap<>();
// 与某个客户端的连接会话,需要通过它来给客户端发送数据
private Session session;
// 接收sid
private String sid = “”;
/*
-
客户端创建连接时触发
-
*/
@OnOpen
public void onOpen(Session session, @PathParam(“sid”) String sid) {
this.session = session;
webSocketSet.add(this); // 加入set中
addOnlineCount(); // 在线数加1
log.info(“有新窗口开始监听:” + sid + “, 当前在线人数为” + getOnlineCount());
this.sid = sid;
try {
sendMessage(“连接成功”);
} catch (IOException e) {
log.error(“websocket IO异常”);
}
}
/**
- 客户端连接关闭时触发
**/
@OnClose
public void onClose() {
webSocketSet.remove(this); // 从set中删除
subOnlineCount(); // 在线数减1
log.info(“有一连接关闭!当前在线人数为” + getOnlineCount());
}
/**
- 接收到客户端消息时触发
*/
@OnMessage
public void onMessage(String message, Session session) {
log.info(“收到来自窗口” + sid + “的信息:” + message);
// 群发消息
for (WebSocketServer item : webSocketSet) {
try {
item.sendMessage(message);
} catch (IOException e) {
e.printStackTrace();
}
}
}
/**
- 连接发生异常时候触发
*/
@OnError
public void onError(Session session, Throwable error) {
log.error(“发生错误”);
error.printStackTrace();
}
/**
- 实现服务器主动推送(向浏览器发消息)
*/
public void sendMessage(String message) throws IOException {
log.info(“服务器消息推送:”+message);
this.session.getBasicRemote().sendText(message);
}
/**
-
发送消息到所有客户端
-
指定sid则向指定客户端发消息
-
不指定sid则向所有客户端发送消息
-
*/
public static void sendInfo(String message, @PathParam(“sid”) String sid) throws IOException {
log.info(“推送消息到窗口” + sid + “,推送内容:” + message);
for (WebSocketServer item : webSocketSet) {
try {
// 这里可以设定只推送给这个sid的,为null则全部推送
if (sid == null) {
item.sendMessage(message);
} else if (item.sid.equals(sid)) {
item.sendMessage(message);
}
} catch (IOException e) {
continue;
}
}
}
public static synchronized int getOnlineCount() {
return onlineCount;
}
public static synchronized void addOnlineCount() {
WebSocketServer.onlineCount++;
}
public static synchronized void subOnlineCount() {
WebSocketServer.onlineCount–;
}
public static CopyOnWriteArraySet getWebSocketSet() {
return webSocketSet;
}
}
============================================================================================
package com.lrjas.web.wms.controller;
import com.lrjas.common.core.controller.BaseController;
import com.lrjas.framework.ws.WebSocketServer;
import org.apache.shiro.authz.annotation.RequiresPermissions;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;
@Controller
@RequestMapping(“/wms/websocket”)
public class WebSocketController extends BaseController
{
private String prefix = “wms/websocket”;
@RequiresPermissions(“wms:websocket:view”)
@GetMapping()
public String socket() {
return prefix + “/websocket”; // 页面的访问路径
}
@RequiresPermissions(“wms:websocket:edit”)
//推送数据接口
@ResponseBody
@RequestMapping(“/push/{cid}”)
public Map<String, Object> pushToWeb(@PathVariable String cid, String message) {
if (message == null) {
message = “我是消息!!!”;
}
Map<String, Object> result = new HashMap<>();
try {
WebSocketServer.sendInfo(message, cid);
result.put(“code”, 200);
result.put(“msg”, “success”);
} catch (IOException e) {
e.printStackTrace();
}
return result;
}
}
====================================================================================
HTML5 提供了对 websocket 的支持,并且提供了相关 api, 可以直接使用:
1.WebSocket 创建
// url就是服务端的websocket端点路径, protocol 是可选的,指定了可接受的子协议
var Socket = new WebSocket(url, [protocol] );
2.WebSocket 事件
| 事件 | 事件处理程序 | 描述 |
| — | — | — |
| open | Socket.onopen | 连接建立时触发 |
| message | Socket.onmessage | 客户端接收服务端数据时触发 |
| error | Socket.onerror | 通信发生错误时触发 |
| close | Socket.onclose | 连接关闭时触发 |
3.WebSocket 方法
| 方法 | 描述 |
| — | — |
| Socket.send() | 使用连接发送数据 |
| Socket.close() | 关闭连接 |
文末
技术是没有终点的,也是学不完的,最重要的是活着、不秃。
零基础入门的时候看书还是看视频,我觉得成年人,何必做选择题呢,两个都要。喜欢看书就看书,喜欢看视频就看视频。
最重要的是在自学的过程中,一定不要眼高手低,要实战,把学到的技术投入到项目当中,解决问题,之后进一步锤炼自己的技术。
自学最怕的就是缺乏自驱力,一定要自律,杜绝“三天打鱼两天晒网”,到最后白忙活一场。
高度自律的同时,要保持耐心,不抛弃不放弃,切勿自怨自艾,每天给自己一点点鼓励,学习的劲头就会很足,不容易犯困。
技术学到手后,找工作的时候一定要好好准备一份简历,不要无头苍蝇一样去海投简历,容易“竹篮打水一场空”。好好的准备一下简历,毕竟是找工作的敲门砖。
拿到面试邀请后,在面试的过程中一定要大大方方,尽力把自己学到的知识舒适地表达出来,不要因为是自学就不够自信,给面试官一个好的印象,面试成功的几率就会大很多,加油吧,骚年!