融云web 客服记录

最新推荐文章于 2023-07-05 15:09:27 发布

未来源于现在

最新推荐文章于 2023-07-05 15:09:27 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/weixin_38818670/article/details/81330410

版权

这里的token只是测试token 项目中具体怎么获取看这里
也许会对我这样的小白有帮助

融云客服服务指南地址：点击这里
1.首先要在融云官网注册并创建一个项目
这里写图片描述
2.在融云开发者平台开启客服服务，获取客服id
（1）登录融云开发者后台，选择应用后在运营管理 > 客服服务 > 客服管理 > 智齿客服中开启客服功能，默认为关闭状态。
（2）点击“开启客服”按钮，弹出提示“请输入客服管理员的登录邮箱”，输入您的可用邮箱，用于收取确认邮件和登录客服管理后台。
（3）输入后，如您的邮箱开通过智齿客服（融云战略合作），会有如下提示：
（4）如果点击“确定绑定”，则页面会显示发送邮件成功；如果您的邮箱没有注册过智齿客服，则直接提示发送邮件成功，您需要登录邮箱点击激活链接。
（5）在邮箱中点击激活链接后，进入融云后台，此时服务已开启。
（6）点击“进入客服后台”，即可直接登录客服管理后台：
这里写图片描述
（7）获取客服id

3.下载客服插件包，放在项目中在页面中引入一下资源。

    <%--
  Created by IntelliJ IDEA.
  User: ht
  Date: 2018/7/31
  Time: 15:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="statics/tongxin/cs.min.css">
    <!-- 可以将 SDK 下载到本地 配置 gruntfile 与 cs.js 合并压缩成一个 js 文件 -->
    <script src="statics/tongxin/RongIMLib-cs.min.js"></script>
    <script src="cdn.ronghub.com/RongIMVoice-2.2.4.min.js"></script>
    <script src="statics/tongxin/cs.min.js"></script>
</head>
<body>
    <div id="testId"></div>
</body>
<script type="text/javascript">
    RCS.init({
        appKey: "x4vkb1qpxfick",// 应用 appkey
        token: "zdcbONFJHQw0RmjjeVk1pWgAFW8ygFmzA4LlCQkPGLThlNKalj+fDzVRp/WzKQ/KFguPkTmvyzaGutxQumEdqg==",// 当前游客或登录用户 token
        /*upload: {
            fileServer: "http://upload.qiniu.com",// 文件服务器地址
            isPrivate: false // 是否是私有云
        },//非必填*/
        target: document.getElementById("testId"),// 要插入到的页面节点
        customerServiceId: "KEFU153308952095522",// 融云开发者后台开启智齿客服后获取“客服 ID”
        userIcon: 'http://7xo1cb.com1.z0.glb.clouddn.com/rongcloudkefu2.png',//用户默认头像，在用户没有头像的时候显示
        csIcon: 'http://fsprodrcx.cn.ronghub.com/UQRxDVEHcD6_gHENUQRxDUs9XOZRBH25PGECfjBjFA/base64.png',//客服默认头像，在客服没有头像的时候显示，建议线上地址
        showButton: true,
        //是否需要按钮主动发起，设为false的时候，init()方法直接唤起聊天窗口,需客户自己编写按钮，点击之后调用init(),templates中的button模板不可用;设为true的时候，init()首先唤起客服咨询按钮，点击之后才连接客服，唤起聊天窗口，在进入页面之后就需调用init()方法。此参数是为了方便客户在点击客服按钮后自行获取token，在获取到token之后，执行init()即可。
        connectingCallback: function(){
            console.log('连接中');
        },//连接中的执行的方法，例如显示加载页面,可不传
        connectedCallback: function(){},//连接成功之后的方法，例如关闭加载页面,可不传
        disconnectedCallback: function(){
            alert('连接断开');
        }
    });
</script>
</html>