html5在线聊天插件,纯js网页在线聊天对话插件(原创)

   日期:2024-12-18    作者:hubinusb 浏览:93    移动:http://w.yusign.com/mobile/quote/1156.html

插件描述:包含最近会话、好友分组、系统通知导航界面,支持发送接收消息功能,后续长期持续更新。

更新时间:2020-04-06 21:59:05

1、首部引入

2、使用方式仅一行代码var cm = new ChatModule({mock_mode:true});

//mock_mode传false时不会加载mockjs,会真正发起对应url请求

3、因模拟后端数据,演示用例额外引入axios和mockjs用于模拟前端请求数据,各位可以根据自己项目实际情况换成其他请求方式如ajax等

4、目前提供四个方法,打开/关闭聊天窗体,发送/接收消息。cm.show(); //展示窗体

html5在线聊天插件,纯js网页在线聊天对话插件(原创)

cm.hide(); //隐藏窗体

cm.sendMsg(); //发送消息(默认已实现)

cm.receiveMsg(msg_obj); //接收消息 var msg_obj = {thumb_url:'', content:''};

5、目前完成界面展示用到的5个rest接口url如下,限于篇幅,具体的请求方式和返回参数结构请直接在js文件里ctrl+f查找:/users/me 获取当前用户信息

/recent/chats 获取最近会话列表信息

/chats/details 获取单个会话详细信息

/users/groups 获取好友列表分组

/notices/list 获取系统通知列表

6、写这个插件发现越写越依赖于后端的设计,后续会在此版本上继续更新,包括后端数据库设计,rest接口实现,redis缓存等,结合websocket继续完善前端,最终会将这个插件部署到云上去,到时候会有更丰富的演示和更友好的api界面。感兴趣的小伙伴可以点个收藏不迷路~

本文地址:http://w.yusign.com/quote/1156.html    述古往 http://w.yusign.com/static/ , 查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关行情
推荐行情
点击排行
{
网站首页  |  关于我们  |  联系方式  |  用户协议  |  隐私政策  |  版权声明  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号