<script>
export default {
data() {
return {
websock: null,
timer: "",
startTime: "",
endTime: "",
};
},
created() {
this.initWebSocket();
},
destroyed() {
this.websock.close(); //離開路由之后斷開websocket連接
},
methods: {
heartbeat() {
clearInterval(this.timer);
this.timer = setInterval(() => {
if (this.endTime != "") {
console.log(this.endTime, "endTime", this.startTime - this.endTime);
if (this.startTime - this.endTime >= 5000) {
console.log("重新鏈接友酱！");
this.initWebSocket();
this.endTime = "";
this.startTime = "";
}
}
this.startTime = Date.parse(new Date());
console.log(this.startTime, "startTime");
if (this.startTime - this.endTime <= 5000 || this.endTime == "") {
this.websocketsend("heartbeat");
}
}, 1000);
},
initWebSocket() {
//初始化weosocket
const wsuri = "ws://touhaowanjia.boruixinyu.com:2323/thwjsocket/1";
this.websock = new WebSocket(wsuri);
this.websock.onmessage = this.websocketonmessage;
this.websock.onopen = this.websocketonopen;
this.websock.onerror = this.websocketonerror;
this.websock.onclose = this.websocketclose;
},
websocketonopen() {
//連接建立之后執(zhí)行send方法發(fā)送數(shù)據(jù)
this.heartbeat();
},
websocketonerror() {
//連接建立失敗重連
// this.initWebSocket();
},
websocketonmessage(e) {
//數(shù)據(jù)接收
const redata = (e.data);
console.log(e.data)
if (redata.command == "start") {
// 開始游戲
// this.$refs["success"].r();
this.GAMEOVER = false;
} else if (redata.command == "stop") {
// 結(jié)束游戲
} else if (redata.command == "recover") {
// 重置
} else if (redata.command == "opScore") {
// 顯示分數(shù)
} else if (redata == "heartbeat") {
// 心跳
console.log(redata, "心跳");
this.endTime = Date.parse(new Date());
}
},
websocketsend(Data) {
//數(shù)據(jù)發(fā)送
this.websock.send(Data);
},
websocketclose(e) {
//關(guān)閉
console.log("斷開連接", e);
},
},
};
</script>
