maven導入依賴
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-websocket</artifactId>
<version>4.3.12.RELEASE</version>
</dependency>
java實現類
package com.tradeplatform.trade.order.websocket;
import java.io.IOException;
import java.util.Dictionary;
import java.util.Hashtable;
import java.util.concurrent.CopyOnWriteArraySet;
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;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.socket.server.standard.SpringConfigurator;
import com.alibaba.fastjson.JSONObject;
import com.tradeplatform.common.utils.LoggerUtils;
import com.tradeplatform.trade.order.service.TradeKlineService;
/**
* @ServerEndpoint 註解是一個類層次的註解,它的功能主要是將目前的類定義成一個websocket服務器端,
* 註解的值將被用於監聽用戶連接的終端訪問URL地址,客戶端可以通過這個URL來連接到WebSocket服務器端
*/
@ServerEndpoint(value = "/webSocket/KlineWebSocket",configurator = SpringConfigurator.class)
public class KlineWebSocket {
private static LoggerUtils logger = LoggerUtils.getLogger(KlineWebSocket.class);
//創建一個線程
// private KThread thread;
//用來存放每個客戶端對應的MyWebSocket對象。
private static CopyOnWriteArraySet<KlineWebSocket> webSocketSet = new CopyOnWriteArraySet<KlineWebSocket>();
//與某個客戶端的連接會話,需要通過它來給客戶端發送數據
private Session session;
@Autowired
private TradeKlineService tradeKlineService;
//定義參數
private JSONObject params = new JSONObject();
private boolean start = false;
private long sleep = 1000;
private Thread th;
private String symbol;
private long marketId;
private String resolution;
/**
* 連接建立成功調用的方法
* @param session 可選的參數。session爲與某個客戶端的連接會話,需要通過它來給客戶端發送數據
*/
@OnOpen
public void onOpen(Session session) {
webSocketSet.add(this);
th = new Thread(new thread());
th.start();
}
@OnMessage
public void onMessage(String message, Session session) {
System.out.println("來自客戶端的消息:" + message);
this.session = session;
try {
params = (JSONObject) JSONObject.parse(message);
if(params.getBoolean("start")!=null) {
start = params.getBoolean("start");
}
if(params.getLong("sleep")!=null) {
sleep = params.getLong("sleep");
}
Object o = null;
String req = params.getString("req");
if(req.equals("config")) {
o = config();
this.session.getAsyncRemote().sendText(o.toString());
}
} catch (Exception e) {
}
}
class thread extends Thread{
@Override
public void run() {
while(true){
try {
if(start) {
sendMessage(session);
}
Thread.sleep(sleep);
} catch (Exception e) {
e.printStackTrace();
}
}
}
}
/**
* 連接關閉調用的方法
*/
@SuppressWarnings("deprecation")
@OnClose
public void onClose() {
if (th!=null&&th.isAlive()) {
th.stop();
}
webSocketSet.remove(this);
}
public void sendMessage(Session session) throws IOException {
Object o = history(symbol,marketId,resolution);
this.session.getAsyncRemote().sendText(o.toString());
}
/**
* 發生錯誤時調用
* @param session
* @param error
*/
@OnError
public void onError(Session session, Throwable error) {
if (th!=null&&th.isAlive()) {
th.stop();
}
}
public Object config() {
Object jsonObject = "{\"supports_search\":true,\"supports_group_request\":false,\"supports_marks\":true,\"supports_timescale_marks\":true,\"supports_time\":true,\"exchanges\":[{\"value\":\"\",\"name\":\"All Exchanges\",\"desc\":\"\"},{\"value\":\"NasdaqNM\",\"name\":\"NasdaqNM\",\"desc\":\"NasdaqNM\"},{\"value\":\"NYSE\",\"name\":\"NYSE\",\"desc\":\"NYSE\"},{\"value\":\"NCM\",\"name\":\"NCM\",\"desc\":\"NCM\"},{\"value\":\"NGM\",\"name\":\"NGM\",\"desc\":\"NGM\"}],\"symbols_types\":[{\"name\":\"All types\",\"value\":\"\"},{\"name\":\"Stock\",\"value\":\"stock\"},{\"name\":\"Index\",\"value\":\"index\"}],\"supported_resolutions\":[\"1\",\"5\",\"15\",\"30\",\"60\",\"240\",\"360\",\"720\",\"1440\"]}";
return jsonObject;
}
public Object history(String symbol,long marketId, String resolution) {
Object o = tradeKlineService.getTvLine(marketId,resolution);
return o;
}
}
jsp頁面調用
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<title>My WebSocket</title>
</head>
<body>
Welcome<br/>
<input id="text" type="text" /><button onclick="send()">Send</button> <button onclick="closeWebSocket()">Close</button>
<div id="message">
</div>
</body>
<script type="text/javascript">
var websocket = null;
//判斷當前瀏覽器是否支持WebSocket ,主要此處要更換爲自己的地址
if('WebSocket' in window){
websocket = new WebSocket("ws://127.0.0.1:8007/trade/webSocket/KlineWebSocket");
}
else{
alert('Not support websocket')
}
//連接發生錯誤的回調方法
websocket.onerror = function(){
setMessageInnerHTML("error");
};
//連接成功建立的回調方法
websocket.onopen = function(event){
setMessageInnerHTML("open");
}
//接收到消息的回調方法
websocket.onmessage = function(event){
setMessageInnerHTML(event.data);
}
//連接關閉的回調方法
websocket.onclose = function(){
setMessageInnerHTML("close");
}
//監聽窗口關閉事件,當窗口關閉時,主動去關閉websocket連接,防止連接還沒斷開就關閉窗口,server端會拋異常。
window.onbeforeunload = function(){
websocket.close();
}
//將消息顯示在網頁上
function setMessageInnerHTML(innerHTML){
document.getElementById('message').innerHTML += innerHTML + '<br/>';
}
//關閉連接
function closeWebSocket(){
websocket.close();
}
//發送消息
function send(){
var message = document.getElementById('text').value;
websocket.send(message);
}
</script>
</html>