融云web 客服 记录

这里的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>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值