鸿蒙Next开发实战教程-使用WebSocket实现即时聊天

鸿蒙系统提供了WebSocket库,使用它可以很方面的实现即时聊天功能,今天就使用WebSocket来实现一个完整的聊天功能。

首先创建一个WebSocket实例:
登录后复制

plain 复制代码
let ws = webSocket.createWebSocket()

然后创建WebSocket连接,我找到一个简单的ws地址,它直接返回我们发送的消息:
登录后复制

plain 复制代码
let url = 'ws://124.222.224.186:8800'
this.ws.connect(url,(err,value)=>{  
  if(!err){    
    console.log('链接成功');    
    this.isConnected = true 
   }else {    
     console.log('连接失败')  
   }
})

接下来订阅WebSocket的相关事件,首先订阅WebSocket的打开事件,发送消息等事件要在该事件后才可以使用:
登录后复制

plain 复制代码
this.ws.on('open', (err: BusinessError, value: Object) => {  
  console.log("on open, status:" + (value as OutValue).status + ", message:" + (value as OutValue).message);  
  // 当收到on('open')事件时,可以通过send()方法与服务器进行通信
});

然后订阅消息事件:
登录后复制

plain 复制代码
this.ws.on('message',(error: BusinessError, value: string | ArrayBuffer) => {  
   console.log("on message, message:" + value);  
   let content:string = value.toString()  
   const reg = /<.*?>/g  
   content = content.replace(reg,'')  
   let item:MessageClass = {    id:'1',    content:content  }  
   this.msgList.push(item)  
   this.listScroller.scrollToIndex(this.msgList.length,true)
});

由于返回的消息为富文本,我这里加了一个正则过滤html标签,然后把它们存到数组里便于展示。

当我们发送消息时,可以调用send方法:
登录后复制

plain 复制代码
this.ws.send(content, (err: BusinessError, value: boolean) => {  
  if (!err) {    
    console.log("send success");      
  } else {    
    console.log("send fail, err:" + JSON.stringify(err));  
  }
});

另外,当需要关闭连接时可以调用close方法:
登录后复制

plain 复制代码
this.ws.close()

以上就是一个即时聊天功能的实现过程

相关推荐
小春学渗透28 分钟前
DAY168内网对抗-基石框架篇&单域架构&域内应用控制&成员组成&用户策略&信息收集&环境搭建
网络·安全·架构·内网攻防
Pou光明1 小时前
1_linux系统网络性能如何优化——几种开源网络协议栈比较
linux·运维·网络·网络协议·开源
路-buan1 小时前
华为eNSP:VRRP的主备备份
网络·华为·智能路由器
feing.1 小时前
路由介绍.
网络
Tony聊跨境1 小时前
如何绕过IP禁令
网络·网络协议·tcp/ip·智能路由器·ip
C++忠实粉丝2 小时前
计算机网络之NAT、代理服务、内网穿透、内网打洞
网络·c++·网络协议·计算机网络·http·智能路由器
qq_254674412 小时前
华为 生产网解决方案,加速制造业数字化转型
网络
hanniuniu132 小时前
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
网络·网络协议·tcp/ip
I love this bad girl2 小时前
防火墙旁挂部署+故障切换
服务器·网络·数据库
echo爱学易语言2 小时前
Linux ufw命令丨Linux网络防火墙ufw命令详解
服务器·网络·数据库