最新文章
html在线表情聊天功能,GitHub - JelinYao/WebChatRoom: 使用Node.js + socket.io搭建基于HTML5的实时在线聊天室,支持文字、表情、图片消息群发。..
2024-12-18 04:50

WebChatRoom

使用Node.js + socket.io搭建基于HTML5的在线聊天室,支持文字、表情、图片消息群发。

在线聊天室:https://chat.jelinyao.cn/

更新记录

1、2020年3月15日21:49:14

(1)增加Python工具代码,下载表情文件并保存到本地

(2)实现QQ表情输入及群发功能。

2、2020年3月16日22:00:41

(1)修复Javascript实现的链表控件内的bug

(2)修复下线通知无法接受的bug。

3、2020年3月18日22:28:40

(1)增加右侧群聊用户列表展示

(2)实时更新群聊用户信息

4、2020年3月22日21:48:06

(1)服务端node.js增加上传图片接口

(2)客户端增加图片消息协议,支持发送图片消息

5、2020年5月20日23:20:08

(1)支持聊天文字中url链接自动识别

(2)修复聊天框文字显示错乱的bug

6、2020年5月26日22:24:33

(1)修复若干小的显示bug

(2)新增6个房间,支持房间内聊天

7、2020年7月13日23:04:43

(1)支持HTTPS(可以自行申请HTTPS证书测试,感谢:https://freessl.cn/)

(2)增加日志输出

(3)增加简单的聊天机器人

架构

(1)服务端:Node.js + socket.io实现消息传输

Node.js官方文档:http://nodejs.cn/

socket.io中文学习文档:https://zhuanlan.zhihu.com/p/29148869

(2)B端:HTML5 + Javascript实现简单界面功能

运行

1、安装Node.js客户端,使用npm安装express、socket.io等基础组件

2、调试运行代码

Windows上

(1)推荐使用VS Code打开webchatroom目录,调试server.js。

(2)浏览器中输入localhost,打开前端聊天窗口页面(可以打开多个)。

(3)发消息,测试多人聊天功能。

CenterOS

(1)root login

(2)setsid node server.js

截图

1、发送图片

2、发送表情

3、群聊

url链接自动识别

4、聊天房间

5、部署

    以上就是本篇文章【html在线表情聊天功能,GitHub - JelinYao/WebChatRoom: 使用Node.js + socket.io搭建基于HTML5的实时在线聊天室,支持文字、表情、图片消息群发。..】的全部内容了,欢迎阅览 ! 文章地址:http://ww.kub2b.com/quote/5822.html 
     栏目首页      相关文章      动态      同类文章      热门文章      网站地图      返回首页 企库往资讯移动站http://ww.kub2b.com/mobile/,查看更多   
发表评论
0评