项目简述: 本项目主题思想是通过signalr+redis实现的webim,项目更多应用场景用于客户使用软件过程中的问题沟通,主要用于软件的售后场景部分,一个后端,兼容多个前端项目,具体代码实现,此处不过多赘述,直接查看github,点击直通车>>>,简述下前端的使用步骤:
1. 在前端项目中,引用全局js:http://signlar.51softwarebox.com/script/signalr/ChatMain1.0.js
2.在页面底部调用初始化方法:new InitChat({Text: '在线客服', IsOpenNewTarget: false});
参数值说明:
1.Text: 按钮显示文字
2.TextColor: 文本颜色
3.BackGroundColor: 按钮背景色
4.BottomRange: 距离底部距离
5.RightRange: 距离右边距离
6.BorderRadius: 按钮边角大小
7.IsOpenNewTarget: false, // 点击按钮是否全屏,默认当前页面弹出(非全屏)
8.IsShowIcon: true // 是否显示图标
9.IsOpenChatState: false // 点开一次,刷新当前页面,是否自动打开,当IsOpenNewTarget=false时生效
3.刷新当前页面,即可看到效果
效果图
在线测试地址
1.个人测试: 打开链接1: http://signlar.51softwarebox.com/home/chat1 点击上线, 再打开链接2: http://signlar.51softwarebox.com/home/chat2,点击上线,俩个链接就可以在线沟通
2.窗口测试: http://signlar.51softwarebox.com/home/chat3