1. 程式人生 > >融雲web 客服 記錄

融雲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>