首页 | 2224 | 669 | 334 | 添加收藏 上一个 下一个
纯js网页在线聊天对话插件(原创)

1、首部引入


<script src="chat_module/js/axios.min.js"></script>
<script src="chat_module/js/mock-min.js"></script>
<script src="chat_module/js/chat-module.min.js"></script>

2、使用方式仅一行代码


var cm = new ChatModule({mock_mode:true}); 
//mock_mode传false时不会加载mockjs,会真正发起对应url请求

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


4、目前提供四个方法,打开/关闭聊天窗体,发送/接收消息。


cm.show(); //展示窗体
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 获取系统通知列表