融雲web 客服 記錄
阿新 • • 發佈:2019-01-25
這裡的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>