wssocket.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  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. console.log("websocket连接成功");
  19. },
  20. fail: (e) => {
  21. console.log(e);
  22. console.log("websocket连接失败,10s后重连");
  23. setTimeout(() => {
  24. connect();
  25. }, 10000)
  26. }
  27. });
  28. socketTask.onOpen((res) => {
  29. console.log("WebSocket连接已打开");
  30. isConnect = true;
  31. // 发送登录命令
  32. let loginInfo = {
  33. cmd: 0,
  34. data: {
  35. accessToken: accessToken
  36. }
  37. };
  38. socketTask.send({
  39. data: JSON.stringify(loginInfo)
  40. });
  41. })
  42. socketTask.onMessage((res) => {
  43. let sendInfo = JSON.parse(res.data)
  44. if (sendInfo.cmd == 0) {
  45. heartCheck.start()
  46. connectCallBack && connectCallBack();
  47. console.log('WebSocket登录成功')
  48. } else if (sendInfo.cmd == 1) {
  49. // 重新开启心跳定时
  50. heartCheck.reset();
  51. } else {
  52. // 其他消息转发出去
  53. console.log("接收到消息", sendInfo);
  54. messageCallBack && messageCallBack(sendInfo.cmd, sendInfo.data)
  55. }
  56. })
  57. socketTask.onClose((res) => {
  58. console.log('WebSocket连接关闭')
  59. isConnect = false;
  60. closeCallBack && closeCallBack(res);
  61. })
  62. socketTask.onError((e) => {
  63. console.log("ws错误:",e)
  64. close(1006);
  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. console.log("关闭websocket连接");
  90. isConnect = false;
  91. if (code != 3099) {
  92. closeCallBack && closeCallBack(res);s
  93. }
  94. },
  95. fail: (e) => {
  96. console.log("关闭websocket连接失败", e);
  97. }
  98. });
  99. };
  100. // 心跳设置
  101. let heartCheck = {
  102. timeout: 20000, // 每段时间发送一次心跳包 这里设置为20s
  103. timeoutObj: null, // 延时发送消息对象(启动心跳新建这个对象,收到消息后重置对象)
  104. start: function() {
  105. if (isConnect) {
  106. console.log('发送WebSocket心跳')
  107. let heartBeat = {
  108. cmd: 1,
  109. data: {}
  110. };
  111. sendMessage(JSON.stringify(heartBeat))
  112. }
  113. },
  114. reset: function() {
  115. clearTimeout(this.timeoutObj);
  116. this.timeoutObj = setTimeout(() => heartCheck.start(), this.timeout);
  117. }
  118. };
  119. let sendMessage = (message) => {
  120. socketTask.send({ data: message })
  121. }
  122. let onConnect = (callback) => {
  123. connectCallBack = callback;
  124. }
  125. let onMessage = (callback) => {
  126. messageCallBack = callback;
  127. }
  128. let onClose = (callback) => {
  129. closeCallBack = callback;
  130. }
  131. // 将方法暴露出去
  132. export {
  133. connect,
  134. reconnect,
  135. close,
  136. sendMessage,
  137. onConnect,
  138. onMessage,
  139. onClose
  140. }