wssocket.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. let accessToken = "";
  2. let messageCallBack = null;
  3. let closeCallBack = null;
  4. let connectCallBack = null;
  5. let isConnect = false; //连接标识 避免重复连接
  6. let rec = null;
  7. let lastConnectTime = new Date(); // 最后一次连接时间
  8. let socketTask = null;
  9. let connect = (wsurl, token) => {
  10. accessToken = token;
  11. if (isConnect) {
  12. return;
  13. }
  14. lastConnectTime = new Date();
  15. socketTask = uni.connectSocket({
  16. url: wsurl,
  17. success: (res) => {},
  18. fail: (e) => {
  19. console.log(e);
  20. console.log("WebSocket连接失败,10s后重连");
  21. setTimeout(() => {
  22. connect();
  23. }, 10000)
  24. }
  25. });
  26. socketTask.onOpen((res) => {
  27. console.log("WebSocket连接成功");
  28. isConnect = true;
  29. // 发送登录命令
  30. let loginInfo = {
  31. cmd: 0,
  32. data: {
  33. accessToken: accessToken
  34. }
  35. };
  36. socketTask.send({
  37. data: JSON.stringify(loginInfo)
  38. });
  39. })
  40. socketTask.onMessage((res) => {
  41. let sendInfo = JSON.parse(res.data)
  42. if (sendInfo.cmd == 0) {
  43. heartCheck.start()
  44. connectCallBack && connectCallBack();
  45. console.log('WebSocket登录成功')
  46. } else if (sendInfo.cmd == 1) {
  47. // 重新开启心跳定时
  48. heartCheck.reset();
  49. } else {
  50. // 其他消息转发出去
  51. console.log("接收到消息", sendInfo);
  52. messageCallBack && messageCallBack(sendInfo.cmd, sendInfo.data)
  53. }
  54. })
  55. socketTask.onClose((res) => {
  56. console.log('WebSocket连接关闭')
  57. isConnect = false;
  58. closeCallBack && closeCallBack(res);
  59. })
  60. socketTask.onError(e => {
  61. console.log("ws错误:", e)
  62. close(1006);
  63. isConnect = false;
  64. closeCallBack && closeCallBack(e);
  65. })
  66. }
  67. //定义重连函数
  68. let reconnect = (wsurl, accessToken) => {
  69. console.log("尝试重新连接");
  70. if (isConnect) {
  71. return;
  72. }
  73. // 延迟10秒重连 避免过多次过频繁请求重连
  74. let timeDiff = new Date().getTime() - lastConnectTime.getTime()
  75. let delay = timeDiff < 10000 ? 10000 - timeDiff : 0;
  76. rec && clearTimeout(rec);
  77. rec = setTimeout(function() {
  78. connect(wsurl, accessToken);
  79. }, delay);
  80. };
  81. //设置关闭连接
  82. let close = (code) => {
  83. if (!isConnect) {
  84. return;
  85. }
  86. socketTask.close({
  87. code: code,
  88. complete: (res) => {
  89. isConnect = false;
  90. console.log("关闭websocket连接");
  91. },
  92. fail: (e) => {
  93. console.log("关闭websocket连接失败", e);
  94. }
  95. });
  96. };
  97. // 心跳设置
  98. let heartCheck = {
  99. timeout: 20000, //每段时间发送一次心跳包 这里设置为20s
  100. timeoutObj: null, //延时发送消息对象(启动心跳新建这个对象,收到消息后重置对象)
  101. start: function() {
  102. if (isConnect) {
  103. console.log('发送WebSocket心跳')
  104. let heartBeat = {
  105. cmd: 1,
  106. data: {}
  107. };
  108. sendMessage(JSON.stringify(heartBeat))
  109. }
  110. },
  111. reset: function() {
  112. clearTimeout(this.timeoutObj);
  113. this.timeoutObj = setTimeout(() => heartCheck.start(), this.timeout);
  114. }
  115. };
  116. let sendMessage = (message) => {
  117. socketTask.send({ data: message })
  118. }
  119. let onConnect = (callback) => {
  120. connectCallBack = callback;
  121. }
  122. let onMessage = (callback) => {
  123. messageCallBack = callback;
  124. }
  125. let onClose = (callback) => {
  126. closeCallBack = callback;
  127. }
  128. // 将方法暴露出去
  129. export {
  130. connect,
  131. reconnect,
  132. close,
  133. sendMessage,
  134. onConnect,
  135. onMessage,
  136. onClose
  137. }