wssocket.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  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(e)
  64. isConnect = false;
  65. // APP 应用切出超过一定时间(约1分钟)会触发报错,此处回调给应用进行重连
  66. closeCallBack && closeCallBack({ code: 1006 });
  67. })
  68. }
  69. //定义重连函数
  70. let reconnect = (wsurl, accessToken) => {
  71. console.log("尝试重新连接");
  72. if (isConnect) {
  73. return;
  74. }
  75. // 延迟10秒重连 避免过多次过频繁请求重连
  76. let timeDiff = new Date().getTime() - lastConnectTime.getTime()
  77. let delay = timeDiff < 10000 ? 10000 - timeDiff : 0;
  78. rec && clearTimeout(rec);
  79. rec = setTimeout(function() {
  80. connect(wsurl, accessToken);
  81. }, delay);
  82. };
  83. //设置关闭连接
  84. let close = (code) => {
  85. if (!isConnect) {
  86. return;
  87. }
  88. socketTask.close({
  89. code: code,
  90. complete: (res) => {
  91. console.log("关闭websocket连接");
  92. isConnect = false;
  93. },
  94. fail: (e) => {
  95. console.log("关闭websocket连接失败", e);
  96. }
  97. });
  98. };
  99. // 心跳设置
  100. let heartCheck = {
  101. timeout: 20000, // 每段时间发送一次心跳包 这里设置为20s
  102. timeoutObj: null, // 延时发送消息对象(启动心跳新建这个对象,收到消息后重置对象)
  103. start: function() {
  104. if (isConnect) {
  105. console.log('发送WebSocket心跳')
  106. let heartBeat = {
  107. cmd: 1,
  108. data: {}
  109. };
  110. sendMessage(JSON.stringify(heartBeat))
  111. }
  112. },
  113. reset: function() {
  114. clearTimeout(this.timeoutObj);
  115. this.timeoutObj = setTimeout(() => heartCheck.start(), this.timeout);
  116. }
  117. };
  118. let sendMessage = (message) => {
  119. socketTask.send({ data: message })
  120. }
  121. let onConnect = (callback) => {
  122. connectCallBack = callback;
  123. }
  124. let onMessage = (callback) => {
  125. messageCallBack = callback;
  126. }
  127. let onClose = (callback) => {
  128. closeCallBack = callback;
  129. }
  130. // 将方法暴露出去
  131. export {
  132. connect,
  133. reconnect,
  134. close,
  135. sendMessage,
  136. onConnect,
  137. onMessage,
  138. onClose
  139. }