有关客服端的搭建

admin

1. 首先需要安装最新的服务端, 最新服务器端包括两个程序 FcmServer.exe 和 http_server.exe

2. 打开服务器端的配置文件 config.xml
<!-- 基本属性 ClusterLevel 用户创建群所需要等级,建议参看 rank.xml 中的进行相应的配置 -->
<BaseService register="true" modify="true" custom="true" friend="true" enterprise="true" anonymous="true" lan="false">

anonymous="true" 一定改成这个, 默认是 "false", 然后保存 config.xml . 运行 FcmServer.exe, 运行成功后, 再运行 http_server.exe

3. 解压 webim.rar 压缩包

4. 打开目录 ajax 下文件 friends.php
[
  {"RencentContacts":
    [
        {"a": "./img/noavatar_s.png","n": "阳光般闪耀","o": "online","uid": "100","h":"", "m":0},
        {"a": "./temp/1.jpg","n": "小米","o": "online","uid": "101","h": "", "m":0},
        {"a": "./temp/2.jpg","n": "安卓-关龙飞","o": "online","uid": "102","h": "", "m":1},
        {"a": "./temp/3.jpg","n": "诚信办证","o": "online","uid": "103","h": "", "m":0},
        {"a": "./temp/4.jpg","n": "业务--小张","o": "offline","uid": "104","h": "", "m":3},
        {"a": "./temp/5.jpg","n": "诚信办证","o": "offline","uid": "105","h": "", "m":0},
        {"a": "./temp/6.jpg","n": "业务--小张","o": "offline","uid": "106","h": "", "m":0},
        {"a": "./temp/7.jpg","n": "诚信办证","o": "offline","uid": "107","h": "", "m":0},
        {"a": "./temp/8.jpg","n": "业务--小张","o": "offline","uid": "108","h": "", "m":0}
    ],
    "Friends": [
        {"a": "./temp/9.jpg","n": "诚信办证","o": "online","uid": "103","h": "", "m":1},
        {"a": "./img/noavatar_s.png","n": "业务--小张","o": "online","uid": "104","h": "", "m":0},
        {"a": "./temp/10.jpg","n": "关龙飞","o": "offline","uid": "102","h": "", "m":0},
        {"a": "./temp/11.jpg","n": "小米","o": "offline","uid": "101","h": "", "m":0}
    ],
    "RencentContactsOnline":5,
    "FriendsOnline":2
  }
]这个里面把需要提供客服服务的期翼嘻嘻的帐户填写在里面. 官方带的例子是 100, 101, 102, 103, 104, 105, 106, 107, 108 这几个帐户, 参见上面的 uid 是期翼嘻嘻的帐户号码也就是说访客如果点 uid 为 100 的客服咨询, 那么期翼嘻嘻的帐户 100 登录到系统中,就会收到访客发过来的咨询信息, 编辑并保存

5. 同时也要编辑 ajax 目录下的文件 userinfo.php[
    {"UserConfig": [0,0,0,0],"UserAvatar": "./img/avatar_b-sys.png","UserName": "技术部 - 小薇","isOnline": "online","uid": "100","cid": "0982304","cname": "淄博林华商贸有限公司" },
    {"UserConfig": [0,0,0,0],"UserAvatar": "./img/avatar_b-sys.png","UserName": "市场部 - 范冰冰","isOnline": "online","uid": "101","cid": "0982304","cname": "淄博林华商贸有限公司" },
    {"UserConfig": [0,0,0,0],"UserAvatar": "./img/avatar_b-sys.png","UserName": "售后部 - 陈好","isOnline": "online","uid": "102","cid": "0982304","cname": "淄博林华商贸有限公司" }
]
这个里面,一定和上面的 friends.php 里的用户对应起来, 官方的例子偷懒了,只添加了 3 个, 需要你补上 103, 104, 105, 106, 107, 108 的信息, 注意 uid 是期翼嘻嘻的帐户号码, 编辑并保存

6. 打开 js 目录下的文件 jquery.qiyicc.js
var server = "http://47.75.73.216:8181/qiyicc/v1/shop/";
把服务器的地址和端口替换你期翼嘻嘻服务器的地址和端口, 编辑并保存

7. 然后把 webim 上传到你的网站目录下, 假设为根目录下
然后访问 http://xxxxxx/webim/demo.html 就支持客服了.

官方演示地址是 http://www.qiyicc.com/webim/demo.html