提交 | 用户 | age
|
b46e19
|
1 |
<%@ page import="com.yc.utils.SessionKey" %> |
a6a76f
|
2 |
<%@ page language="java" pageEncoding="UTF-8" %> |
F |
3 |
<% |
|
4 |
String host = request.getServerName() + (request.getServerPort()==80?":80":":"+request.getServerPort() ); |
|
5 |
%> |
|
6 |
<!DOCTYPE html> |
|
7 |
<html> |
|
8 |
<head> |
|
9 |
<script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script> |
|
10 |
<script type="text/javascript" src="/js/hotkey.js"></script> |
c79713
|
11 |
<title>WebSocket-总部端</title> |
a6a76f
|
12 |
</head> |
F |
13 |
<body> |
|
14 |
Welcome<br/> |
c79713
|
15 |
|
a6a76f
|
16 |
<button onclick="login()">登录</button><br/> |
c79713
|
17 |
<br/> |
b46e19
|
18 |
<button onclick="closeWs()">退出</button> |
c79713
|
19 |
<br/> |
F |
20 |
<br/> |
b46e19
|
21 |
<button onclick="send1()">1,同意授权</button> |
F |
22 |
<button onclick="send3()">5,确认授权</button> |
a6a76f
|
23 |
<div id="message"></div> |
F |
24 |
</body> |
|
25 |
|
|
26 |
<script type="text/javascript"> |
|
27 |
|
|
28 |
|
|
29 |
var groupid; |
|
30 |
var dbid; |
|
31 |
var websocket = null; |
|
32 |
var websocket1 = null; |
|
33 |
var to=""; |
|
34 |
var host=document.location.host; |
c79713
|
35 |
var obj={}; |
a6a76f
|
36 |
function login() { |
F |
37 |
// $.ajax({ |
|
38 |
|
|
39 |
// url: "http://yingchen.onbus.cn:9001/wslogin.do" , |
|
40 |
// success: function (result) { |
c79713
|
41 |
dbid=82; |
a6a76f
|
42 |
if ('WebSocket' in window) { |
b46e19
|
43 |
websocket = new WebSocket("ws://" + host + "/ws/websocketMessage/z9000082/<%=session.getAttribute(SessionKey.DATA_BASE_ID)%>/<%=session.getId()%>/2"); |
a6a76f
|
44 |
} |
F |
45 |
else { |
|
46 |
alert('当前浏览器 Not support websocket') |
|
47 |
} |
|
48 |
//连接发生错误的回调方法 |
|
49 |
websocket.onerror = function () { |
|
50 |
setMessageInnerHTML("WebSocket连接发生错误"); |
|
51 |
}; |
|
52 |
|
|
53 |
//连接成功建立的回调方法 |
|
54 |
websocket.onopen = function () { |
|
55 |
setMessageInnerHTML("WebSocket连接成功"); |
|
56 |
} |
|
57 |
|
|
58 |
//接收到消息的回调方法 |
|
59 |
websocket.onmessage = function (event) { |
c79713
|
60 |
obj=JSON.parse(event.data); |
a6a76f
|
61 |
//operCode=0表示客户初始化返回的信息,需要保存返回的groupid,作为以后发消息的groupid的值 |
F |
62 |
console.log(">>>>>>>>>>>"+event.data); |
|
63 |
setMessageInnerHTML(event.data); |
c79713
|
64 |
|
a6a76f
|
65 |
// if(obj.state==0) {//0表示正常消息,-1表示出错消息,需要处理 |
F |
66 |
// if (obj.info.operCode == 0) { |
|
67 |
// groupid = obj.info.groupId; |
|
68 |
// dbid=obj.info.dbid; |
|
69 |
// } |
|
70 |
// } |
|
71 |
// if(obj.info.msgType=="text") |
|
72 |
// |
|
73 |
// setMessageInnerHTML(event.data); |
|
74 |
// else |
|
75 |
// setMessageImg(event.data); |
|
76 |
} |
|
77 |
|
|
78 |
|
|
79 |
//连接关闭的回调方法 |
|
80 |
websocket.onclose = function () { |
|
81 |
setMessageInnerHTML("WebSocket连接关闭"); |
|
82 |
} |
|
83 |
|
|
84 |
//监听窗口关闭事件,当窗口关闭时,主动去关闭websocket连接,防止连接还没断开就关闭窗口,server端会抛异常。 |
|
85 |
window.onbeforeunload = function () { |
|
86 |
// closeWebSocket(); |
|
87 |
} |
|
88 |
} |
|
89 |
//}); |
|
90 |
//} |
|
91 |
|
|
92 |
|
|
93 |
//将消息显示在网页上 |
|
94 |
function setMessageInnerHTML(innerHTML) { |
|
95 |
document.getElementById('message').innerHTML += innerHTML + '<br/>'; |
|
96 |
} |
|
97 |
|
|
98 |
//关闭WebSocket连接 |
|
99 |
function closeWebSocket() { |
c79713
|
100 |
websocket.close(); |
a6a76f
|
101 |
} |
b46e19
|
102 |
function send1() { |
F |
103 |
if (websocket.readyState == 1) { //0-CONNECTING;1-OPEN;2-CLOSING;3-CLOSED |
|
104 |
var info= {}; |
|
105 |
info.setup=1; |
|
106 |
info.dbId=532 |
|
107 |
info.userCode='z9000082' |
|
108 |
info.msgType=6008 |
|
109 |
info.setup=1 |
|
110 |
info.companyName='标准版V2' |
|
111 |
info.userName='002' |
|
112 |
info.authCode='abcewf' |
|
113 |
info.authType=110203 |
|
114 |
var obj1={}; |
|
115 |
obj1.msg=JSON.stringify(info); |
|
116 |
obj1.msgType=6008;//消息类型 |
|
117 |
if(info){ |
|
118 |
websocket.send(JSON.stringify(obj1)); |
|
119 |
} |
|
120 |
document.getElementById("text").value=""; |
|
121 |
} else { |
|
122 |
alert("connect fail!"); |
|
123 |
} |
|
124 |
} |
|
125 |
function send3() {//离线再进入时调用 |
|
126 |
if (websocket.readyState == 1) { //0-CONNECTING;1-OPEN;2-CLOSING;3-CLOSED |
4a551f
|
127 |
var info=JSON.parse('{"ownCompanyName":"代理商标准版V2(总公司)","authenticatedCode":"abcewf","msgLocation":"content","companyName":"企业标准版V2","ownLogo":"http://demo.onbus.cn:9001/images/login/logo.png","domain":"http://demo.onbus.cn:9001","dbId":532,"logo":"http://demo.onbus.cn:9001/images/login/logo.png","setup":4,"userName":"002","authType":110203,"userCode":"z9000082"}'); |
b46e19
|
128 |
info.setup=5; |
F |
129 |
var obj1={}; |
|
130 |
obj1.msg=JSON.stringify(info); |
|
131 |
obj1.msgType=6008;//消息类型 |
|
132 |
if(info){ |
|
133 |
websocket.send(JSON.stringify(obj1)); |
|
134 |
} |
|
135 |
document.getElementById("text").value=""; |
|
136 |
} else { |
|
137 |
alert("connect fail!"); |
|
138 |
} |
|
139 |
} |
a6a76f
|
140 |
//发送消息 |
c79713
|
141 |
function send2() { |
a6a76f
|
142 |
if (websocket.readyState == 1) { //0-CONNECTING;1-OPEN;2-CLOSING;3-CLOSED |
c79713
|
143 |
var info=obj.info; |
F |
144 |
info.setup=5; |
|
145 |
|
|
146 |
var obj1={}; |
|
147 |
obj1.msg=JSON.stringify(info); |
|
148 |
obj1.msgType=6008;//消息类型 |
|
149 |
if(info){ |
|
150 |
websocket.send(JSON.stringify(obj1)); |
a6a76f
|
151 |
} |
F |
152 |
document.getElementById("text").value=""; |
|
153 |
} else { |
|
154 |
alert("connect fail!"); |
|
155 |
} |
|
156 |
} |
c79713
|
157 |
//发送消息 |
b46e19
|
158 |
function closeWs() { |
c79713
|
159 |
closeWebSocket(); |
F |
160 |
// if (websocket.readyState == 1) { //0-CONNECTING;1-OPEN;2-CLOSING;3-CLOSED |
|
161 |
// if(obj.msg!=undefined){ |
|
162 |
// var msg=JSON.parse(obj.msg); |
|
163 |
// obj.msg=msg; |
|
164 |
// msg.setup=3; |
|
165 |
// }else { |
|
166 |
// //扫二维码返回的内容 |
|
167 |
// obj.msg="{\"ownCompanyName\":\"盈晨软件\",\"msgType\":6008,\"companyName\":\"常州市巴士软件有限公司\",\"dbId\":\"338\",\"domain\":\"http://onbus.onbus.cn:9010\",\"ownLogo\":\"http://yingchen.onbus.cn:9010/images/login/logo.png\",\"logo\":\"http://onbus.onbus.cn:9010/images/login/logo.png\",\"setup\":1,\"userName\":\"余小春\",\"userCode\":\"z9000082\"}" |
|
168 |
// //obj.setup=1; |
|
169 |
// } |
|
170 |
// obj.msgType=6008;//消息类型 |
|
171 |
// if(obj){ |
|
172 |
// websocket.send(JSON.stringify(obj)); |
|
173 |
// } |
|
174 |
// document.getElementById("text").value=""; |
|
175 |
// } else { |
|
176 |
// alert("connect fail!"); |
|
177 |
// } |
a6a76f
|
178 |
} |
F |
179 |
</script> |
|
180 |
</html> |