test.html
4.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>CS</title>
<style>
.main button{
margin: 100px;
}
</style>
</head>
<body>
<div id="main">
<button onclick="send()">发送</button>
</div>
<script src="./RongIMLib-cs.js"></script>
<!-- 实例化 -->
<script>
var appKey = 'c9kqb3rdkbb8j';
var token = 'TD9of5Xke0UXQsGOJKN093YNDAey+CFwhZPcG3x/Kb6PKb2ZF1eknWi8hdy8lshmsamlcoe2LxwJ+j6RAml8iw==';
var navi = 'navqa.cn.ronghub.com';
var targetId = 'xgs';
var sdkInit = function(params, callbacks){
if(navi !== ""){
//私有云
var config = {
navi : navi
};
console.log("私有云");
RongIMLib.RongIMClient.init(appKey,null,config);
}else{
//公有云
console.log("公有云");
RongIMLib.RongIMClient.init(appKey);
}
var instance = RongIMClient.getInstance();
// 连接状态监听器
RongIMClient.setConnectionStatusListener({
onChanged: function (status) {
console.log(status);
switch (status) {
case RongIMLib.ConnectionStatus.CONNECTED:
registerMessage();
break;
case RongIMLib.ConnectionStatus.DISCONNECTED:
console.log('断开连接');
default:
break;
}
}
});
RongIMClient.setOnReceiveMessageListener({
// 接收到的消息
onReceived: function (message) {
// 判断消息类型
console.log("新消息: " + message.targetId);
if (message.offLineMessage) {
return;
}
console.log(message);
}
});
//开始链接
RongIMClient.connect(token, {
onSuccess: function(userId) {
console.log("链接成功，用户id：" + userId);
RongIMLib.RongIMClient.getInstance().startCustomService(targetId, {
onSuccess: function() {
console.log('客服初始化成功');
document.getElementById('main').innerHtml = '<button onclick="send()">发送商品消息</button>';
},
onError: function() {
}
});
},
onTokenIncorrect: function() {
console.log('token无效');
},
onError:function(errorCode){
console.log("=============================================");
console.log(errorCode);
}
});
}
var registerMessage = function() {
var messageName = "ProductMessage"; // 消息名称。
var objectName = "cs:product"; // 消息内置名称，请按照此格式命名。
var mesasgeTag = new RongIMLib.MessageTag(true, true);// 消息是否保存是否计数，true true 保存且计数，false false 不保存不计数。
var propertys = ["title", "url", "content", "imageUrl", "extra"]; // 消息类中的属性名。
// RongIMLib.RongIMClient.registerMessageType(messageName, objectName, mesasgeTag, propertys);
RongIMLib.RongIMClient.registerMessageType("ProductInfoMessage", "JX:ProductInfo", mesasgeTag, ['title','content','url','remoteurl']);
}
function send(){
var msg = new RongIMClient.RegisterMessage.ProductInfoMessage({
title: '红米Note2 移动4G手机 双卡双待',
content: '￥799 16G',
url: 'http://www.jiaxincloud.com',
remoteurl: 'http://f2e.cn.ronghub.com/desktop-client-qa/css/images/logo.png'
});
var targetType = RongIMLib.ConversationType.CUSTOMER_SERVICE;
RongIMClient.getInstance().sendMessage(targetType, targetId, msg, {
// 发送消息成功
onSuccess: function (message) {
console.log(message);
console.log("Send successfully");
},
onError: function (errorCode,message) {
var info = '';
switch (errorCode) {
case RongIMLib.ErrorCode.TIMEOUT:
info = '超时';
break;
case RongIMLib.ErrorCode.UNKNOWN_ERROR:
info = '未知错误';
break;
case RongIMLib.ErrorCode.REJECTED_BY_BLACKLIST:
info = '在黑名单中，无法向对方发送消息';
break;
case RongIMLib.ErrorCode.NOT_IN_DISCUSSION:
info = '不在讨论组中';
break;
case RongIMLib.ErrorCode.NOT_IN_GROUP:
info = '不在群组中';
break;
case RongIMLib.ErrorCode.NOT_IN_CHATROOM:
info = '不在聊天室中';
break;
default :
info = x;
break;
}
console.log('发送失败:' + info);
}
});
}
sdkInit();
</script>
</body>
</html>