socket配置

在全局配置(根目录/config/index.js)中配置相关sokect接口地址
路径:根目录/config/index.js

  1. eg: 请更换自己的域名和端口号
  2. const LIVESOKECT = 'wss://xxxx:8273/';
  3. 域名:xxxx
  4. 端口号:8273

使用说明

  1. # /根目录/utils/im.js 基于uni-app封装,有断线重连、心跳检测、发送消息等功能
  2. # /根目录/utils/index.js EventEmitter类,事件订阅类,用户全局监听消息事件、发布消息事件
  3. import IM from '@/utils/im'
  4. Vue.prototype.$IM = new IM()
  5. // 链接初始化
  6. this.$IM.imInit()
  7. // 断线重连
  8. this.$IM.manualReconnect()
  9. // 监听消息,在App页面监听webscoket消息,在通过事件订阅模式对订阅消息事件的页面实时推送消息
  10. // App.vue
  11. uni.onSocketMessage(res => {
  12. const e = JSON.parse(res.data)
  13. if (e.type !== 'pong') {
  14. this.$eventEmitter.emit('msg', e)
  15. }
  16. })
  17. // 监听消息页面
  18. this.$eventEmitter.on('msg', e => {
  19. if (e.type === 'say') {
  20. // 业务逻辑
  21. }
  22. })
  23. // 发送消息
  24. uni.sendSocketMessage({
  25. data: JSON.stringify({
  26. })
  27. })
  28. // 断开链接
  29. this.$IM.close()