Yammer REST Javascript API
我正试图在Yammer的SharePoint页面中包含一些帖子。我发现了一篇关于: 解决方案的代码已经打开,我已经添加了文章中提到的更改。页面挂起在加载状态上 页面代码如下,我只更改了标记和选项卡 我可以更改什么以使页面正常工作?这将是伟大的,包括Yammer饲料,但在我们的学校,我们只想要一个个人资料图像后的帖子。我希望这个脚本能够做到这一点 守则:Yammer REST Javascript API,javascript,html,rest,office365,yammer,Javascript,Html,Rest,Office365,Yammer,我正试图在Yammer的SharePoint页面中包含一些帖子。我发现了一篇关于: 解决方案的代码已经打开,我已经添加了文章中提到的更改。页面挂起在加载状态上 页面代码如下,我只更改了标记和选项卡 我可以更改什么以使页面正常工作?这将是伟大的,包括Yammer饲料,但在我们的学校,我们只想要一个个人资料图像后的帖子。我希望这个脚本能够做到这一点 守则: <html> <head> <meta http-equiv="X-UA-Compatible" cont
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<style>
.message-list-item-body-message{
font-size:13px;
/*line-height:1.3;*/
color :#343a41;
font-family : "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
}
</style>
</head>
<body>
<!-- replace the data-app-id value by the Client ID of your Yammer App-->
<script type="text/javascript" data-app-id="4oZKxfuB2HwVoWOMWT3DA" src="https://c64.assets-yammer.com/assets/platform_js_sdk.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script>
var userName="";
var userPicUrl="";
var messageTime ="";
function getMyFeed(origin){
var myFeed="6636029";
<!-- replace the following image link with yours -->
document.getElementById("yammer-feed").innerHTML="<img src='/sites/intranet/Images1/ajax-loader1.gif' style='margin-top:100px;margin-left:95px;' />";
var tokenToSend = "Bearer " + localStorage.getItem(1);
console.log("origine : " + origin);
yam.platform.request(
{
url: "https://api.yammer.com/api/v1/messages/in_group/6636029.json" //replace the group ID with yours
,method: "GET"
,beforeSend: function (xhr){xhr.setRequestHeader('Authorization', tokenToSend)}
,success: function (data) { //print message response information to the console
try{
console.log('data received');
for (var i = 0; i < data.messages.length; i++) {
groupId = parseInt(data.messages[i].group_id);
userId = parseInt(data.messages[i].sender_id);
var post = data.messages[i];
for (var j = 0; j < data.references.length; j++) {
if(data.references[j].id==post.sender_id){
userName=data.references[j].full_name;
userPicUrl=data.references[j].mugshot_url;
}
}
postBody=data.messages[i].body.plain;
messageTime = data.messages[i].created_at.substring(0,19);
myFeed+= "<br><img style='margin-right:3px;float:left;' src='"+ userPicUrl +"'/><div style='color:rgba(0, 138, 94, 1);font-weight:bold;' >" + userName + "<br><br><span style='font-weight:normal;color:silver'>"+ messageTime +"</span></div><div style='clear:both'></div><br>" + postBody + "<br>";
userName="";
}
myFeed+= "<br><br>";
document.getElementById("yammer-feed").innerHTML = myFeed;
}
catch(error){
alert("error getMyFeed process : " + error);
}
},
error: function (msg) { alert("error getMyFeed ajax : " + msg.value); }
}
)
}
</script>
<script>
yam.connect.loginButton('#yammer-login', function (resp) {
if (resp.authResponse) {
//you need the following lines if, when the user refreshes the page he has to log again...
//you will have to provide the getMyFeed fucntion with the token for authentication
//localStorage.setItem(1, JSON.stringify(resp.access_token.token).replace(/"/g, ""));
//console.log("token" + localStorage.getItem(1));
//Disabled - document.getElementById('yammer-login').style.display = 'none';
//Disabled - getMyFeed("login");
localStorage.setItem(1, JSON.stringify(resp.access_token.token).replace(/"/g, ""));
console.log("token" + localStorage.getItem(1));
//Hiding the login button because the user is logged in
document.getElementById('yammer-login').style.display = 'none';
}
});
</script>
<div style="border : solid 1px silver;border-bottom: 0px;width:254px;margin-top:11px;">
<!-- replace the following images links with yours -->
<img src='/sites/intranet/Images1/Yammer-SharePoint-medium.png' style='width:40px;margin: 0px 15px 0px 5px;float:left'/><div style='width:140px;float:left;font-size:14px;font-weight:bold;padding-top:15px;border-left:solid 0px silver;color:rgba(57, 107, 153, 1);font-size:14px;'>Custom Yam Feed</div>
<a onclick="getMyFeed('refresh');" href="javascript:;" style="text-decoration:none;"><img src="/sites/intranet/Images1/refresh%20icon.jpg" style="width:25px;margin: 5px 10px 0px 0px;border-style: none" /></a>
<div style='clear:both'></div>
</div>
<div id="webService-feed" style="height500px;width:248px;border : solid 1px silver;border-top:0px;margin-top:0px;padding:3px;overflow: scroll;">
<span class='message-list-item--body-message' id="yammer-feed">
<span style="margin:3px 0px 3px 1px" id="yammer-login"></span>
</span>
</div>
</body>
</html>
.邮件列表项正文邮件{
字体大小:13px;
/*线高:1.3*/
颜色:#343a41;
字体系列:“Segoe UI”、“Segoe”、Tahoma、Helvetica、Arial、无衬线字体;
}
var userName=“”;
var userPicUrl=“”;
var messageTime=“”;
函数getMyFeed(源){
var myFeed=“6636029”;
document.getElementById(“yammer提要”).innerHTML=“”;
var tokenToSend=“Bearer”+localStorage.getItem(1);
console.log(“origine:+origin”);
yam.platform.request(
{
url:“https://api.yammer.com/api/v1/messages/in_group/6636029.json“//将组ID替换为您的组ID
,方法:“获取”
,beforeSend:function(xhr){xhr.setRequestHeader('Authorization',tokenToSend)}
,成功:函数(数据){//将消息响应信息打印到控制台
试一试{
console.log(“接收到的数据”);
对于(var i=0;i”+用户名+”
“+messageTime+”
“+postBody+”
”;
用户名=”;
}
myFeed+=“
”;
document.getElementById(“yammer提要”).innerHTML=myFeed;
}
捕获(错误){
警报(“错误getMyFeed进程:”+错误);
}
},
错误:函数(msg){alert(“error getMyFeed ajax:+msg.value”);}
}
)
}
yam.connect.loginButton(“#yammer login”,函数(resp){
如果(分别为authResponse){
//如果用户刷新页面时必须再次登录,则需要以下行。。。
//您必须为getMyFeed功能提供用于身份验证的令牌
//setItem(1,JSON.stringify(resp.access_token.token).replace(/“/g,”);
//log(“令牌”+localStorage.getItem(1));
//Disabled-document.getElementById('yammer-login')。style.display='none';
//禁用-getMyFeed(“登录”);
setItem(1,JSON.stringify(resp.access_token.token).replace(/“/g,”);
log(“令牌”+localStorage.getItem(1));
//隐藏登录按钮,因为用户已登录
document.getElementById('yammer-login').style.display='none';
}
});
定制山药饲料
编辑1:HTML
Nieuwsberichen:
脚本编辑器中包含的代码
.邮件列表项正文邮件{
字体大小:13px;
/*线高:1.3*/
颜色:#343a41;
字体系列:“Segoe UI”、“Segoe”、Tahoma、Helvetica、Arial、无衬线字体;
}
var userName=“”;
var userPicUrl=“”;
var messageTime=“”;
函数getMyFeed(源){
var myFeed=“6636029”;
document.getElementById(“yammer提要”).innerHTML=“”;
var tokenToSend=“Bearer”+localStorage.getItem(1);
console.log(“origine:+origin”);
yam.platform.request(
{
url:“https://api.yammer.com/api/v1/messages/in_group/6636029.json“//将组ID替换为您的组ID
,方法:“获取”
,beforeSend:function(xhr){xhr.setRequestHeader('Authorization',tokenToSend)}
,成功:函数(数据){//将消息响应信息打印到控制台
试一试{
console.log(“接收到的数据”);
对于(var i=0;i<div style="border : solid 1px silver;border-bottom: 0px;width:254px;margin-top:11px;">
<img src="sites/Schoolplein/Gedeelde%20%20documenten/Iconen/yam-small.png" style="width:40px; margin:0px 15px 0px 5px; float:left" />
<div style="width:140px;float:left;font-size:14px;font-weight:bold;padding-top:15px;border-left:solid 0px silver;color:rgba(57, 107, 153, 1);font-size:14px;">Nieuwsberichten:</div>
<a onclick="getMyFeed('refresh');" href="javascript:;" style="text-decoration:none;"><img src="/sites/Schoolplein/Gedeelde%20%20documenten/Iconen/Refresh.png" style="width:25px;margin: 5px 10px 0px 0px;border-style: none" /></a>
<div style="clear:both;"></div>
<style>
.message-list-item-body-message{
font-size:13px;
/*line-height:1.3;*/
color :#343a41;
font-family : "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
}
</style>
<!-- replace the data-app-id value by the Client ID of your Yammer App-->
<script type="text/javascript" data-app-id="xxxxxxxxxxxxxxx" src="https://c64.assets-yammer.com/assets/platform_js_sdk.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script>
var userName="";
var userPicUrl="";
var messageTime ="";
function getMyFeed(origin){
var myFeed="6636029";
<!-- replace the following image link with yours -->
document.getElementById("yammer-feed").innerHTML="<img src='/sites/intranet/Images1/ajax-loader1.gif' style='margin-top:100px;margin-left:95px;' />";
var tokenToSend = "Bearer " + localStorage.getItem(1);
console.log("origine : " + origin);
yam.platform.request(
{
url: "https://api.yammer.com/api/v1/messages/in_group/6636029.json" //replace the group ID with yours
,method: "GET"
,beforeSend: function (xhr){xhr.setRequestHeader('Authorization', tokenToSend)}
,success: function (data) { //print message response information to the console
try{
console.log('data received');
for (var i = 0; i < data.messages.length; i++) {
groupId = parseInt(data.messages[i].group_id);
userId = parseInt(data.messages[i].sender_id);
var post = data.messages[i];
for (var j = 0; j < data.references.length; j++) {
if(data.references[j].id==post.sender_id){
userName=data.references[j].full_name;
userPicUrl=data.references[j].mugshot_url;
}
}
postBody=data.messages[i].body.plain;
messageTime = data.messages[i].created_at.substring(0,19);
myFeed+= "<br><img style='margin-right:3px;float:left;' src='"+ userPicUrl +"'/><div style='color:rgba(0, 138, 94, 1);font-weight:bold;' >" + userName + "<br><br><span style='font-weight:normal;color:silver'>"+ messageTime +"</span></div><div style='clear:both'></div><br>" + postBody + "<br>";
userName="";
}
myFeed+= "<br><br>";
document.getElementById("yammer-feed").innerHTML = myFeed;
}
catch(error){
alert("error getMyFeed process : " + error);
}
},
error: function (msg) { alert("error getMyFeed ajax : " + msg.value); }
}
)
}
</script>
<script>
yam.connect.loginButton('#yammer-login', function (resp) {
if (resp.authResponse) {
//you need the following lines if, when the user refreshes the page he has to log again...
//you will have to provide the getMyFeed fucntion with the token for authentication
//localStorage.setItem(1, JSON.stringify(resp.access_token.token).replace(/"/g, ""));
//console.log("token" + localStorage.getItem(1));
//Disabled - document.getElementById('yammer-login').style.display = 'none';
//Disabled - getMyFeed("login");
localStorage.setItem(1, JSON.stringify(resp.access_token.token).replace(/"/g, ""));
console.log("token" + localStorage.getItem(1));
//Hiding the login button because the user is logged in
document.getElementById('yammer-login').style.display = 'none';
}
});
</script>