技術難度：簡單

在這里我會用最簡單的方法實現JFinal框架結合webSocket最基礎的功能，以至于后續業務的拓展需要小伙伴們依據實際情況去實現相應的開發！

廢話不多說，直接上代碼！

1、編寫webSocket類

package morality.ws;

import java.io.IOException;

import javax.websocket.OnClose;

import javax.websocket.OnError;

import javax.websocket.OnMessage;

import javax.websocket.OnOpen;

import javax.websocket.Session;

import javax.websocket.server.ServerEndpoint;

@ServerEndpoint("/ws/getsingle")

public class webSocket {

private Session session;

@OnOpen

public void onOpen(Session session) {

this.session = session;

}

/**

* 收到客戶端消息時觸發

* @param relationId

* @param userCode

* @param message

* @return

* @throws IOException

* @throws InterruptedException

*/

@OnMessage

public void onMessage(Session session, String key) throws IOException {

//向客戶端返回發送過來的消息

session.getBasicRemote().sendText(key);

}

/**

* 異常時觸發

* @param relationId

* @param userCode

* @param session

*/

@OnError

public void onError(Throwable throwable,Session session) {}

/**

* 關閉連接時觸發

* @param relationId

* @param userCode

* @param session

*/

@OnClose

public void onClose(Session session) {}

}

2、編寫Handler

package morality.handler;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.jfinal.handler.Handler;

public class WebSockethandler extends Handler {

@Override

public void handle(String target, HttpServletRequest request,HttpServletResponse response, boolean[] isHandled) {

// TODO Auto-generated method stub

if(target.indexOf("/ws/getsingle") == -1){

next.handle(target, request, response, isHandled);

}

}

}

JFinal將不再處理帶有“/ws/getsingle”的請求，交由webSocket處理；

3、配置Config

@Override

public void configHandler(Handlers me) {

// TODO Auto-generated method stub

me.add(new WebSockethandler());

}

4、HTML頁面

Java后端WebSocket的Tomcat實現

Welcome

發送消息

---

關閉WebSocket連接

---

var websocket = null;

//判斷當前瀏覽器是否支持WebSocket

if ('WebSocket' in window) {

websocket = new WebSocket("ws://localhost:8080/ws/getsingle");

}

else {

alert('當前瀏覽器 Not support websocket')

}

//連接發生錯誤的回調方法

websocket.onerror = function () {

setMessageInnerHTML("WebSocket連接發生錯誤");

};

//連接成功建立的回調方法

websocket.onopen = function () {

setMessageInnerHTML("WebSocket連接成功");

}

//接收到消息的回調方法

websocket.onmessage = function (event) {

setMessageInnerHTML(event.data);

}

//連接關閉的回調方法

websocket.onclose = function () {

setMessageInnerHTML("WebSocket連接關閉");

}

//監聽窗口關閉事件，當窗口關閉時，主動去關閉websocket連接，防止連接還沒斷開就關閉窗口，server端會拋異常。

window.onbeforeunload = function () {

closeWebSocket();

}

//將消息顯示在網頁上

function setMessageInnerHTML(innerHTML) {

document.getElementById('message').innerHTML += innerHTML + '
';

}

//關閉WebSocket連接

function closeWebSocket() {

websocket.close();

}

//發送消息

function send() {

var message = document.getElementById('text').value;

websocket.send(message);

}

那如果一切順利的話你將看到如下頁面：

webSocket連接成功

接下來你就可以在input框內輸入內容，點擊‘發送消息’，內容將顯示在頁面上：

成功

好啦！小伙伴們，這樣一個簡單的webSocket+Jfinal就搭建成功啦，快來試試吧！

總結

以上是生活随笔為你收集整理的jfinal html5,Jfinal框架整合webSocket技术功能实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。