大家看看华为商城的客服系统,有没有想过到底是如何制作出来的。你和客服MM的一问一答到底是如何实现的?学过ajax的朋友肯定知道,可以使用轮询方式,隔一秒到服务器里面去查询是否有聊天信息的到来,如果有,就取出来。这样肯定是可以的。但是这样做服务器压力实在太大。如果有很多人在聊天呢?服务器可能受不了,所以,我们今天来使用WebSocket技术。该技术的特别之处在于,与HTTP协议最大的不同是,HTTP协议需要请求一次,响应一次。而WebSocket使用的是协议是,一次握手,时时通讯。意思就是,第一次采用http协议握手完成之后,后面的链接就一直会保持,服务器也可以向客户端发送信息。而不再是单向的通讯方式了。

使用的包

前后台通讯方式采用的是json方式。所以引入了Gson包。

数据库使用了两个表:

非常简单的表,mysql可以直接使用

后台部分代码

主要使用的是@ServerEndpoint注解,以及@OnOpen@OnMessage注解。

@ServerEndpoint注解表示ws的路径。

@OnOpen表示连接时触发该方法

@OnMessage 表示服务器收到消息时触发

聊天时可以发送图片和表情

发送图片文件采用的方式还是http方式。

将发送人和接收人和文件使用FormData封装起来,然后使用ajax保存到服务器中。然后再将服务器保存的地址发给对方。

聊天系统没有加密。只是简单的制作。有兴趣的可以私聊我,可以发源代码给你,因为平台限制,不能在文章发链接,见谅了。

1.《web聊天 网页聊天客服是如何制作的?使用WebSocket技术!》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。

2.《web聊天 网页聊天客服是如何制作的?使用WebSocket技术!》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/keji/346876.html