最近在學(xué)習(xí)WebSocket的時(shí)候發(fā)現(xiàn)啄刹，當(dāng)使用Struts2框架的時(shí)候發(fā)現(xiàn)WebSocket連接失效，瀏覽器Firefox(54.0.1)報(bào)錯(cuò)為：Firefox 無(wú)法建立到 ws://localhost/echoSocket 服務(wù)器的連接饶套。
當(dāng)然了，你不用懷疑瀏覽器出什么毛病了，當(dāng)你使用chrome瀏覽器以及高版本的IE（11）瀏覽器的時(shí)候也報(bào)同樣的錯(cuò)誤矢棚。
下面我們就說(shuō)說(shuō)為什么會(huì)出現(xiàn)這種錯(cuò)誤：
首先，你的Struts2在web.xml文件中的fiter-mapping配置肯定是如下的：
<filter-mapping>
<fiter-name>struts2</fiter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
這樣的配置會(huì)攔截所有的http協(xié)議請(qǐng)求府喳。這時(shí)你會(huì)問(wèn)我的協(xié)議不是ws協(xié)議嗎蒲肋，為什么會(huì)被攔截？請(qǐng)注意：在實(shí)現(xiàn)websocket連線過(guò)程中钝满，需要通過(guò)瀏覽器發(fā)出websocket連線請(qǐng)求兜粘，然后服務(wù)器發(fā)出回應(yīng)，這個(gè)過(guò)程通常稱為“握手” 弯蚜。在 WebSocket API孔轴，瀏覽器和服務(wù)器只需要做一個(gè)握手的動(dòng)作，然后碎捺，瀏覽器和服務(wù)器之間就形成了一條快速通道路鹰。明白了嗎？在通道第一次建立的時(shí)候收厨，發(fā)送的依舊是http協(xié)議請(qǐng)求晋柱，只不過(guò)該http協(xié)議包含了一些關(guān)于ws協(xié)議的頭信息，當(dāng)整個(gè)通道建立以后诵叁，之間的通信才切換為ws協(xié)議進(jìn)行通信雁竞。
這下明白為什么websocket在struts2中會(huì)產(chǎn)生沖突了吧。當(dāng)前了拧额，如果還不明白的請(qǐng)看下面解釋
當(dāng)strut2攔截了所有請(qǐng)求或者websocket的請(qǐng)求地址在struts2的攔截范圍內(nèi)碑诉。那么！Ｊ迫联贩！struts2會(huì)根據(jù)該請(qǐng)求地址去找對(duì)應(yīng)的action，那么這樣的話你的action中肯定沒(méi)有配置該請(qǐng)求地址捎拯，所有就沒(méi)有返回或者返回報(bào)錯(cuò)泪幌，因而websocket通道建立失敗。瀏覽器就會(huì)報(bào)出上面的錯(cuò)誤署照。
解決措施：
在struts2的struts.xml中文件配置一個(gè)struts.action.excludePattern屬性將該請(qǐng)求地址不做處理祸泪，那么struts2自然不會(huì)理睬這個(gè)請(qǐng)求地址，因而websocket通道自然而然的就建立起來(lái)了建芙。
<constant name="struts.action.excludePattern" value=".*Socket"/>
請(qǐng)注意： value的值是正則表達(dá)式驗(yàn)證串没隘，為什么要這么設(shè)計(jì)呢。請(qǐng)記住一句話禁荸，約定優(yōu)于配置右蒲。
當(dāng)然了阀湿，如果你只有一個(gè)websocket后臺(tái)的話，那么你的value值的正則表達(dá)式的規(guī)則可以直接寫成你的這個(gè)websocket請(qǐng)求地址瑰妄。
如果像我上面那樣寫的話陷嘴，那么所有以Socket結(jié)尾的websocket都不被sturts2理睬了。有意思的是间坐，如果你的action的name值有以Socket結(jié)尾的灾挨，那么這個(gè)action就失效了，請(qǐng)牢記竹宋，約定優(yōu)于配置劳澄。
下面給一些代碼：（當(dāng)然是拷貝別人的了，我怎么可能會(huì)自己動(dòng)手寫代碼呢）
jsp頁(yè)面代碼：
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String basePath = request.getScheme() + "://" + request.getServerName() + request.getContextPath() + "/";//定位到根目錄
%>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="plugins/jquery.js"></script>
<script type="text/javascript">
var ws;
var url = "ws://localhost/echoSocket";
function connect() {
alert("準(zhǔn)備連接");
if ('WebSocket' in window) {
alert("創(chuàng)建WebSocket連接");
ws = new WebSocket(url);
} else if ('MozWebSocket' in window) {
alert("創(chuàng)建MozWebSocket連接");
ws = new MozWebSocket(url);
} else {
alert('WebSocket is not supported by this browser.');
return;
}
ws.onmessage = function (event) {
console.debug(event);
$("#content").append(event.data + "<br/>");
};
}
function send() {
var value = $("#msg").val();
ws.send(value);
}
</script>
</head>
<body>
<button onclick="connect();">connect</button>
<hr/>
<input id="msg"/>
<button onclick="send();">send</button>
<div id="content" style="border: 1px solid black; width: 200px; height: 300px;"></div>
</body>
</html>
后臺(tái)WebSocket的java代碼
package cn.sharek.bsg.vmi.websocket;
import java.io.IOException;
import javax.websocket.OnClose;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket.Session;
import javax.websocket.server.ServerEndpoint;
@ServerEndpoint(value = "/echoSocket")
public class EchoSocket {
@OnOpen
public void open(Session session) {
System.out.println("Session ID:" + session.getId());
}
@OnMessage
public void receive(Session session, String msg) {
System.out.println(msg);
try {
session.getBasicRemote().sendText("Echo:" + msg);
} catch (IOException e) {
e.printStackTrace();
}
}
@OnClose
public void close(Session session) {
System.out.println(session.getId() + " session 關(guān)閉");
}
}
