Yammer REST Javascript API

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

我正试图在Yammer的SharePoint页面中包含一些帖子。我发现了一篇关于:

解决方案的代码已经打开,我已经添加了文章中提到的更改。页面挂起在加载状态上

页面代码如下,我只更改了标记和选项卡

我可以更改什么以使页面正常工作?这将是伟大的,包括Yammer饲料,但在我们的学校,我们只想要一个个人资料图像后的帖子。我希望这个脚本能够做到这一点

守则:

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