uni-app 64聊天类chat.js封装(一)

简介: uni-app 64聊天类chat.js封装(一)


chat.js类

import  $U from "./util.js";
class chat {
  constructor(arg) { 
    this.url = arg.url 
    this.isOnline = false
    this.socket = null
    // 获取当前用户相关信息
    let user = $U.getStorage('user');
    this.user = user ? JSON.parse(user) : {}
    // 连接和监听
    if(this.user.token){
      this.connectSocket()
    }
  }
  // 连接socket
  connectSocket(){
    this.socket = uni.connectSocket({
      url:this.url+'?token='+this.user.token,
      complete:()=>{}
    })
    // 监听连接成功
    socket.onOpen(()=>this.onOpen())
    // 监听接收信息
    socket.onMessage((res)=>this.onMessage(res))
    // 监听断开
    socket.onClose(()=>this.onClose())
    // 监听错误
    socket.onError(()=>this.onError())
  }
  // 监听打开
  onOpen(){
    
  }
  // 监听关闭
  onClose(){
    
  }
  // 监听消息
  onMessage(){
    
  }
  // 监听连接错误
  onError(){
    
  }
}
export default chat


目录
相关文章
|
20天前
sd.js 2.0封装:更加简化请求传参内容(逐步废弃、逐渐日落2024.01.02)
sd.js 2.0封装:更加简化请求传参内容(逐步废弃、逐渐日落2024.01.02)
|
1月前
|
JavaScript
js开发:请解释什么是ES6的类(class),并说明它与传统构造函数的区别。
ES6的类提供了一种更简洁的面向对象编程方式,对比传统的构造函数,具有更好的可读性和可维护性。类使用`class`定义,`constructor`定义构造方法,`extends`实现继承,并可直接定义静态方法。示例展示了如何创建`Person`类、`Student`子类以及它们的方法调用。
22 2
|
1月前
|
JavaScript 前端开发
js开发:请解释原型继承和类继承的区别。
JavaScript中的原型继承和类继承用于共享对象属性和方法。原型继承利用原型链查找属性,节省内存但不支持私有成员。类继承通过ES6的class和extends实现,支持私有成员但占用更多内存。两者各有优势,适用于不同场景。
19 0
|
1月前
|
JavaScript
JS封装节流函数
JS封装节流函数
15 0
|
1月前
uni-app 77聊天类封装(十三)-断线重连提示
uni-app 77聊天类封装(十三)-断线重连提示
26 0
|
1天前
|
Android开发 UED 开发者
专刊:如何将网页封装成APP:一步步教你在线生成APP
【4月更文挑战第27天】本文介绍了如何使用网页封装技术将网站转化为移动应用,节省开发成本和时间。通过选择合适的在线封装工具(如Cordova、Appy Pie、Web2App),用户可遵循简单流程,输入网站URL和APP信息,定制设置后生成APP。优化用户体验包括适应移动设备显示、优化加载速度和添加移动特性。发布前需充分测试,并遵循应用商店的发布规则。网页封装为小型企业和个人开发者提供了快速进入移动市场的途径,但成功APP的关键在于不断优化用户体验。
|
1月前
|
前端开发 API 数据处理
uni-app 封装api请求
uni-app 封装api请求
15 0
|
1月前
uni-app 81聊天类封装(十五)-读取会话功能
uni-app 81聊天类封装(十五)-读取会话功能
17 1
|
1月前
uni-app 79聊天类封装(十四)-处理接收消息
uni-app 79聊天类封装(十四)-处理接收消息
15 2