websocket.js 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
  1. var app = getApp();
  2. const api = require('../config/api.js');
  3. const util = require('../utils/util.js');
  4. var SocketTask
  5. var socketOpen = false
  6. var badge = 0
  7. /**
  8. * 创建websocket连接
  9. */
  10. function wsConnect() {
  11. let that = this
  12. let userInfo = wx.getStorageSync('userInfo')
  13. // 创建Socket
  14. return new Promise(function(resolve, reject) {
  15. if (!userInfo){
  16. reject("未登录")
  17. }
  18. var openId = userInfo.openId
  19. SocketTask = wx.connectSocket({
  20. url: api.ChatWs + '/' + openId,
  21. header: {
  22. 'content-type': 'application/json',
  23. 'Authorization': wx.getStorageSync('token')
  24. },
  25. method: 'post',
  26. success: function(res) {
  27. console.log('WebSocket连接创建', res)
  28. listenBadge()
  29. },
  30. fail: function(err) {
  31. wx.showToast({
  32. title: '网络异常!',
  33. })
  34. console.log("err")
  35. reject("网络异常!")
  36. },
  37. })
  38. console.log(SocketTask)
  39. socketTask(SocketTask)
  40. resolve(SocketTask)
  41. })
  42. }
  43. function wsClose() {
  44. wx.closeSocket()
  45. }
  46. /**
  47. * 监听websocket状态
  48. */
  49. function socketTask(SocketTask) {
  50. let that = this
  51. SocketTask.onOpen(res => {
  52. socketOpen = true;
  53. console.log('监听 WebSocket 连接打开事件。', res)
  54. })
  55. SocketTask.onClose(onClose => {
  56. console.log('监听 WebSocket 连接关闭事件。', onClose)
  57. socketOpen = false;
  58. // that.wsConnect()
  59. })
  60. SocketTask.onError(onError => {
  61. console.log('监听 WebSocket 错误。错误信息', onError)
  62. socketOpen = false
  63. })
  64. SocketTask.onMessage(onMessage => {
  65. console.log('监听WebSocket接受到服务器的消息事件。服务器返回的消息', JSON.parse(onMessage.data))
  66. })
  67. }
  68. function sendMessage(data) {
  69. var that = this;
  70. return new Promise(function(resolve, reject) {
  71. if (socketOpen) {
  72. wx.sendSocketMessage({
  73. data: data,
  74. success: res => {
  75. resolve(res);
  76. },
  77. fail: res => {
  78. reject(res);
  79. }
  80. })
  81. } else {
  82. reject("未建立websocket连接");
  83. }
  84. })
  85. }
  86. /**
  87. * 监听websocket,接收到消息时改变badge
  88. */
  89. function listenBadge() {
  90. wx.onSocketMessage(onMessage => {
  91. var res = JSON.parse(onMessage.data)
  92. if (res.errno === 0) {
  93. if (res.data.messageType == 4 && res.data.messageBody != 0) {
  94. badge = res.data.messageBody
  95. wx.setTabBarBadge({
  96. index: 3,
  97. text: badge + ""
  98. })
  99. console.log("初始化未读数badge : " + badge)
  100. } else if (res.data.messageType == 1) {
  101. badge++
  102. wx.setTabBarBadge({
  103. index: 3,
  104. text: badge + ""
  105. })
  106. console.log("接收到新消息,更新badge : " + badge)
  107. }
  108. } else if (res.errno == 3002 || res.errno == 3003 || res.errno == 3004 || res.errno == 3005) {
  109. console.log(res.errmsg)
  110. //TOKEN_IS_EMPTY
  111. //需要登录后才可以操作
  112. wx.getSetting({
  113. success: res => {
  114. if (res.authSetting['scope.userInfo']) {
  115. // // 已经授权,可以直接调用 getUserInfo 获取头像昵称,不会弹框
  116. util.getUserInfo().then((res) => {
  117. util.backendLogin(res).then((res) => {
  118. wsConnect()
  119. console.log('再次请求')
  120. })
  121. })
  122. }
  123. }
  124. })
  125. }else {
  126. console.log(res)
  127. reject(res)
  128. }
  129. })
  130. }
  131. /**
  132. * 消息form页监听消息
  133. */
  134. function listenChatForm(chatId) {
  135. return new Promise(function(resolve, reject) {
  136. wx.onSocketMessage(onMessage => {
  137. var res = JSON.parse(onMessage.data)
  138. if (res.errno === 0) {
  139. if (res.data.messageType == 1 && res.data.chatId == chatId) {
  140. console.log("消息Form监听到新消息 : " + res.data.messageBody)
  141. util.request(api.ChatFlushUnread + '/' + chatId, {}, "POST").then((res) => {
  142. if (res.errno == 0) {
  143. console.log("把实时获取的消息设为已读")
  144. } else {
  145. console.log(res)
  146. }
  147. })
  148. resolve(res.data)
  149. }
  150. } else {
  151. console.log(res)
  152. reject(res)
  153. }
  154. })
  155. })
  156. }
  157. /**
  158. * 消息列表页监听消息
  159. */
  160. function listenChatIndex() {
  161. return new Promise(function(resolve, reject) {
  162. wx.onSocketMessage(onMessage => {
  163. var res = JSON.parse(onMessage.data)
  164. if (res.errno === 0) {
  165. console.log("消息列表监听到新消息 : " + res.data.messageBody)
  166. badge++
  167. wx.setTabBarBadge({
  168. index: 3,
  169. text: badge + ""
  170. })
  171. resolve(res.data)
  172. } else {
  173. console.log(res)
  174. reject(res)
  175. }
  176. })
  177. })
  178. }
  179. function lessBadge(less) {
  180. badge = badge - less
  181. if (badge <= 0) {
  182. badge = 0
  183. wx.removeTabBarBadge({
  184. index: 3,
  185. })
  186. } else {
  187. wx.setTabBarBadge({
  188. index: 3,
  189. text: badge + ""
  190. })
  191. }
  192. }
  193. module.exports = {
  194. wsConnect,
  195. socketTask,
  196. sendMessage,
  197. listenChatForm,
  198. listenChatIndex,
  199. lessBadge,
  200. listenBadge,
  201. wsClose,
  202. };