socket 实现在线聊天室功能

第一次写这个需求写的不是很好,数据存储和获取都是在localstorage里面实现的,离线发送的消息存在服务器端,获取到的消息全都存在缓存中,这些是主要逻辑的代码,(完整的以后会传到github)

客户端界面大概就这样的 可以发送消息和图片(初版能用就行,是给某个客户内部使用的)

socket 实现在线聊天室功能_第1张图片

客户端代码




	
		
		
		
		
	
	
	
		

我的客服

{{item.msg}}
{{item.time}}
{{item.msg}}
{{item.time}}

//客服人员界面

socket 实现在线聊天室功能_第2张图片

代码部分




    
    推广概况
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    



会话中({{userInfo.length}})
离线会话({{outUserInfo.length}})
  • {{item.fromuser}}
    {{item.isshow}}
  • {{item.fromuser}}
  • 正在浏览页面

  • 已浏览页面

在线人数: {{count-1}} 人
  • 11月23日 13:41

按Enter键发送消息

按Ctrl+Enter键发送消息

 

你可能感兴趣的:(HTML5,JavaScript,vue,MUI,CSS,Jquery)