其他分享
首页 > 其他分享> > 一、Signalr WebApi客服-客户链接

一、Signalr WebApi客服-客户链接

作者:互联网

一、前端客服代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>LayIM测试</title>
<link rel="stylesheet" href="./layui/css/layui.css" media="all">
<link rel="stylesheet" href="./contextMenu/contextMenu.css">
</head>
<body>
<script src="./layui/layui.js"></script>
<script>
    layui.config({
      base: './contextMenu/' //扩展 JS 所在目录
      ,version: true
    }).extend({
      ext: 'contextMenu'
    });
    //演示代码
    layui.use('layim', function(layim){
      var layim = layui.layim;
      layim.config({
        init: {
          //配置客户信息
          mine: {
            "username": "访客" //我的昵称
            ,"id": "100000123" //我的ID
            ,"status": "online" //在线状态 online:在线、hide:隐身
            ,"remark": "在深邃的编码世界,做一枚轻盈的纸飞机" //我的签名
            ,"avatar": "//res.layui.com/images/fly/avatar/00.jpg" //我的头像
          }
        }
        //开启客服模式
        ,brief: true
      });
      //打开一个客服面板
      layim.chat({
        name: '在线客服一' //名称
        ,type: 'kefu' //聊天类型
        ,avatar: '//tp1.sinaimg.cn/5619439268/180/40030060651/1' //头像
        ,id: 1111111 //定义唯一的id方便你处理信息
      }).chat({
        name: '在线客服二' //名称
        ,type: 'kefu' //聊天类型
        ,avatar: '//tp1.sinaimg.cn/5619439268/180/40030060651/1' //头像
        ,id: 2222222 //定义唯一的id方便你处理信息
      });
      layim.setChatMin(); //收缩聊天面板
    });    
</script>
</body>
</html>

二、

 

标签:WebApi,在线,layui,客服,链接,Signalr,avatar,layim,id
来源: https://www.cnblogs.com/fger/p/11905709.html