本文介绍了一个WebSocket实战示例，通过JavaScript实现WebSocket连接并展示如何在连接时携带Token验证，并将clientId绑定到uid（如微信用户）。示例中详细展示了连接建立、消息发送和接收、错误处理等关键函数，以及如何构造携带特定信息的JSON数据进行通信。
varwsUri= "ws://120.26.220.223:8283";varoutput;varclientId;functioninit() {
output=document.getElementById("output");
testWebSocket();
websocket.send("hello \n");
}functiontestWebSocket() {
websocket= newWebSocket(wsUri);
websocket.onopen= function(evt) {
onOpen(evt)
};
websocket.onclose= function(evt) {
onClose(evt)
};
websocket.onmessage= function(evt) {
onMessage(evt)
};
websocket.οnerrοr= function(evt) {
onError(evt)
};
}functiononOpen(evt) {
writeToScreen("CONNECTED");
}functiononClose(evt) {
writeToScreen("DISCONNECTED");
}functiononMessage(evt) {
writeToScreen(‘RESPONSE:‘ +evt.data+ ‘‘);
}functiononError(evt) {
writeToScreen(‘ERROR:‘ +evt.data);
}functionforExample() {varmyJsonStr=setJson(myJsonStr,"clientId", clientId);
myJsonStr=setJson(myJsonStr,"type","say");
myJsonStr=setJson(myJsonStr,"userId","565081");
myJsonStr=setJson(myJsonStr,"userName","龙隆蟀舞");
myJsonStr=setJson(myJsonStr,"userImage","http:\/\/wx.qlogo.cn\/mmopen\/eMWJkc6M6KoWxQqLKuGfPjxRPGO3SmMjeY0I0jJ6WTdGwaEuBm6Z42SsHtVG3afwD71HLb0ZBV8DepIYGVDdVVscQdyQ4siax\/0");
myJsonStr=setJson(myJsonStr,"roomId","005");
myJsonStr=setJson(myJsonStr,"message","哇哈哈哈哈");
myJsonStr=setJson(myJsonStr,"time","1470300123908");
writeToScreen("EXAMPLE:" +myJsonStr);
}functionwriteToScreen(message) {varpre=document.createElement("p");
pre.style.wordWrap= "break-word";
pre.innerHTML=message;
output.appendChild(pre);
}//添加或者修改json数据
functionsetJson(jsonStr, name, value) {if(!jsonStr)jsonStr= "{}";varjsonObj=JSON.parse(jsonStr);
jsonObj[name]=value;returnJSON.stringify(jsonObj)
}functiontoJson(str) {varjson=eval(‘(‘ +str+ ‘)‘);returnjson;
}functionsub(){var$userId= 123456;
websocket.send("{‘user_id‘:"+$userId+"}"+"\n");
}
window.addEventListener("load", init,false);
WebSocketDemo
token：提交
JSON数据
扫一扫
4037
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
