如何在我的网站上嵌入 yammer 私人消息?
How to embed yammer private messages on my website?
我知道如何嵌入具有特定 ID 的提要。我已经做到了。现在我想实现以下功能:如果用户收到一条私人消息,它将出现在嵌入的提要中。我认为最好的选择是嵌入整个 "chat window",但我没有在网上找到一个代码示例。我该怎么做?
您不能像使用提要那样真正嵌入私人消息,因为 Yammer 的 REST APIs(包括私人消息)需要通过 OAuth 2.0 进行身份验证。这意味着您必须创建一个 Yammer API 应用程序,它会要求您的用户登录并允许您访问他们的消息。他们的文档 here and here.
中描述的总体概念
Yammer 提供了几个您可以使用的 SDK,其中之一是 Javascript SDK。我拼凑了一个简单的例子,说明如何要求用户登录,然后它会显示他们的私人消息。请注意,这是一个非常简单的解决方案,我只是在一对一的对话中对其进行了测试。
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" data-app-id="YOUR-APP-CLIENT-ID" src="https://c64.assets-yammer.com/assets/platform_js_sdk.js"></script>
</head>
<body>
<span id="yammer-login"></span>
<div id="messages"></div>
<script>
yam.connect.loginButton('#yammer-login', function (resp) {
if (resp.authResponse) {
document.getElementById('yammer-login').innerHTML = 'Welcome to Yammer!';
}
});
var msgdiv = document.querySelector("#messages");
yam.getLoginStatus(
function(response) {
if (response.authResponse) {
console.log("logged in");
var myId = response.authResponse.user_id;
yam.platform.request({
url: "messages/private.json",
method: "GET",
success: function (response) {
console.log("The request was successful.");
var usernames = {};
response.references.forEach(function(ref){
if(ref.type === "user") {
usernames[ref.id] = ref.full_name;
}
});
response.messages.forEach(function(message){
var msg = document.createElement("span");
msg.innerHTML = usernames[message.sender_id] + ": " + message.body.parsed + "<br/>";
msgdiv.appendChild(msg);
})
},
error: function (response) {
console.log("There was an error with the request.");
console.dir(private);
}
});
}
else {
console.log("not logged in")
}
}
);
</script>
</body>
</html>
来自 messages/private.json
API 端点的响应是您可以浏览的 JSON 文件。它包括有关邮件和对话中涉及的用户的信息。
我知道如何嵌入具有特定 ID 的提要。我已经做到了。现在我想实现以下功能:如果用户收到一条私人消息,它将出现在嵌入的提要中。我认为最好的选择是嵌入整个 "chat window",但我没有在网上找到一个代码示例。我该怎么做?
您不能像使用提要那样真正嵌入私人消息,因为 Yammer 的 REST APIs(包括私人消息)需要通过 OAuth 2.0 进行身份验证。这意味着您必须创建一个 Yammer API 应用程序,它会要求您的用户登录并允许您访问他们的消息。他们的文档 here and here.
中描述的总体概念Yammer 提供了几个您可以使用的 SDK,其中之一是 Javascript SDK。我拼凑了一个简单的例子,说明如何要求用户登录,然后它会显示他们的私人消息。请注意,这是一个非常简单的解决方案,我只是在一对一的对话中对其进行了测试。
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" data-app-id="YOUR-APP-CLIENT-ID" src="https://c64.assets-yammer.com/assets/platform_js_sdk.js"></script>
</head>
<body>
<span id="yammer-login"></span>
<div id="messages"></div>
<script>
yam.connect.loginButton('#yammer-login', function (resp) {
if (resp.authResponse) {
document.getElementById('yammer-login').innerHTML = 'Welcome to Yammer!';
}
});
var msgdiv = document.querySelector("#messages");
yam.getLoginStatus(
function(response) {
if (response.authResponse) {
console.log("logged in");
var myId = response.authResponse.user_id;
yam.platform.request({
url: "messages/private.json",
method: "GET",
success: function (response) {
console.log("The request was successful.");
var usernames = {};
response.references.forEach(function(ref){
if(ref.type === "user") {
usernames[ref.id] = ref.full_name;
}
});
response.messages.forEach(function(message){
var msg = document.createElement("span");
msg.innerHTML = usernames[message.sender_id] + ": " + message.body.parsed + "<br/>";
msgdiv.appendChild(msg);
})
},
error: function (response) {
console.log("There was an error with the request.");
console.dir(private);
}
});
}
else {
console.log("not logged in")
}
}
);
</script>
</body>
</html>
来自 messages/private.json
API 端点的响应是您可以浏览的 JSON 文件。它包括有关邮件和对话中涉及的用户的信息。