enum InformationTypes{
  /// 文字(表情)聊天信息
  TextChat = 0,
  /// 文字(表情)聊天信息 (由服务端转发给消息接收方)
  TextChat4Transit = 1,
  /// 图片聊天信息
  ImageChat = 2,
  /// 收到消息发送者 撤回消息请求
  RecallMsg = 3,
  /// 客户端异步调用服务端
　ClientSyncCallServer = 4,
}

handleInformation(sourceUserID: string, informationType: number, info: number[]): void{
   ......
}

//通过@Provide标记engine并定义，可以将engine与后代组件双向同步
@Provide('engine') engine:RapidPassiveEngine|null = null
//通过@State将数据设置为响应式的数据
@State ip:string = '192.168.0.244'
@State userId:string = '101'
@State pwd:string = '12'

//点击登录按钮
Button('登录',{ type: ButtonType.Normal }).onClick(()=>{
     //新建一个ESFramework引擎
     this.engine = new RapidPassiveEngine()
    //通过initialize方法，将登录的ip账号密码传进ESFramework
    this.engine.initialize(this.userId, this.pwd ,this.ip,
                      4530,customizeHandlers,(res)=>{
                         ......
   })
})

//创建一个User接口
export interface User{
  username:string,
  headImg:string,
  clientType:ClientType
}
 //在线用户列表
  @State userList:Array<User> = []

      //登录的时候，直接通过新建的引擎获取服务器里所有的在线成员,res为所有在线成员数组
      this.engine.ContactsOutter.getAllOnlineContacts((res:Array<string>)=>{
        //在这里添加用户列表
         ......
      })
       //监听联系人上线事件
       this.engine.ContactsOutter.event["ContactsDeviceConnected"] =()=>{
       //如果有联系人上线，将会进入这个函数
       ......
}

      Column() {
          //使用List来渲染用户列表
        List() {
          //通过foreach获取到每一个用户的信息
          ForEach(this.userList, (item:User) => {
            ListItem() {
              Flex({direction:FlexDirection.Row,alignItems:ItemAlign.Center}){
                Image(item.headImg)
                Flex({direction:FlexDirection.Column,justifyContent:FlexAlign.SpaceBetween}){
                  Text(`${item.username}`)
                }
              }
            }
          })
        }
      }

//在utils.ets文件里的customizeHandler类里,需要设置信息处理回调函数,外部才能通过传一个callback获取到收到消息的信息
private handleInformationCallback ?: Function;
//设置信息处理回调函数
  setHandleInformationCallback(callback : Function) : void {
  this.handleInformationCallback = callback;
  }
//处理来自其他用户的信息(包括大数据块信息)
   handleInformation(sourceUserID: string, informationType: number, info: number[]): void {
   if (this.handleInformationCallback) {
//将收到的信息传递到信息处理回调函数里
    this.handleInformationCallback(sourceUserID, informationType,util.getStr(info))
    }
  }

//在index.ets里
//设置聊天记录字典，键为用户id,值为聊天记录数组对象,message为聊天记录数据接口。
OrayDic为ESFramework内置的设置字典的方法
@Provide('userMessages') userMessages: OrayDic<string, Array<Message>> = new OrayDic();
//获取自定义消息处理器
const customizeHandlers = new customizeHandler()
//设置消息的监听
customizeHandlers.setHandleInformationCallback((sendID:string,informationType:number,chatInfo:string)=>{
//收到的文字图片信息都会进入这里，在这里处理聊天记录
  ......
})

Column(){
          //通过List渲染聊天记录
          List(){
            //通过ForEach来获取每一个聊天信息
            ForEach(this.currentUserMessages,(item:Message)=>{
              ListItem(){
                Column(){
                  //文字信息
                  if(item.informationType == InformationTypes.TextChat || item.informationType == InformationTypes.TextChat4Transit){
                    //对方普通文字消息
                    if(item.SpeakerID == this.user?.username){
                      ......
                    }
                     //我方普通文字信息
                      else{
                     ......
                  }
                  //图片信息
                  if(item.informationType == InformationTypes.ImageChat) {
                      //对方图片信息
                    if(item.SpeakerID == this.user?.username) {
                      ......
                    }
                  //我方图片消息
                  else{
                      ......
                  }
                  //文件信息
                  if(item.informationType == InformationTypes.File){
                    //对方文件消息
                    if(item.SpeakerID == this.user?.username){
                      ......
                    }
                  //我方文件信息
                  else{
                      ......
                  }
                  //撤回信息
                  // if(item.informationType === InformationTypes.RecallMsg)
                  if(item.informationType == InformationTypes.RecallMsg) {
                    //对方撤回消息
                    if(item.SpeakerID == this.user?.username){
                      ......
                    }
                  //我方撤回信息
                  else{
                      ......
                  }
                }
              }
            })
          }
        }