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


目录
相关文章
|
4天前
|
JavaScript 前端开发
js开发:请解释原型继承和类继承的区别。
JavaScript中的原型继承和类继承用于共享对象属性和方法。原型继承通过原型链实现共享,节省内存,但不支持私有属性。
19 0
|
4天前
sd.js 2.0封装:更加简化请求传参内容(逐步废弃、逐渐日落2024.01.02)
sd.js 2.0封装:更加简化请求传参内容(逐步废弃、逐渐日落2024.01.02)
|
4天前
|
JavaScript
js开发:请解释什么是ES6的类(class),并说明它与传统构造函数的区别。
ES6的类提供了一种更简洁的面向对象编程方式,对比传统的构造函数,具有更好的可读性和可维护性。类使用`class`定义,`constructor`定义构造方法,`extends`实现继承,并可直接定义静态方法。示例展示了如何创建`Person`类、`Student`子类以及它们的方法调用。
23 2
|
4天前
|
JavaScript 前端开发
js开发:请解释原型继承和类继承的区别。
JavaScript中的原型继承和类继承用于共享对象属性和方法。原型继承利用原型链查找属性,节省内存但不支持私有成员。类继承通过ES6的class和extends实现,支持私有成员但占用更多内存。两者各有优势,适用于不同场景。
22 0
|
4天前
|
JavaScript
JS封装节流函数
JS封装节流函数
22 0
|
2天前
|
前端开发 JavaScript
前端 js 经典:class 类
前端 js 经典:class 类
7 2
|
3天前
|
安全 前端开发 开发工具
什么是APP封装?流程和实现方式是什么,有什么优势?
APP封装是将应用程序的代码、资源和依赖项打包成一个可执行的文件或安装包的过程。封装过程中,将应用的代码、资源和依赖项进行整合,并生成一个独立的安装包,用户只需下载并安装该包即可使用应用。
16 3
|
4天前
|
移动开发 JavaScript 前端开发
uni-app和Vue.js二者之间有什么区别?
1. uni-app是一个使用Vue.js开发所有前端应用的框架,支持一次编译多端运行。开发者编写的基础代码只需进行一次编写,就可以发布到多个平台,包括App、H5、微信小程序等。 2. Vue.js是一个渐进式JavaScript框架,用于构建用户界面。与其他大型框架不同的是,Vue被设计为可以自底向上逐层应用。
6 0
|
4天前
|
SQL 存储 前端开发
React&Nest.js全栈社区平台(五)——👋封装通用分页Service实现文章流与详情
React&Nest.js全栈社区平台(五)——👋封装通用分页Service实现文章流与详情
React&Nest.js全栈社区平台(五)——👋封装通用分页Service实现文章流与详情
|
4天前
|
SQL JavaScript 前端开发
为Node.js加一个DB类
为Node.js加一个DB类