Get most recent post from Facebook page, and display on website using new Graph API JavaScript only - Stack Overflow

admin管理员组

文章数量:1425687

I'm building a website for a business. The business currently has a Facebook page. On the website i'm creating, i need to display the most recent Facebook post.

A Google search led me to a depreciated method, and Facebook says now to use the new Graph API, but i'm starting from no Facebook API experience so found it overwhelming and could use some help.

Here's where i am.

I'm doing this as a single page site with no server side language, so am only using JavaScript. So far I've got the FB JS SDK script after my body tag, and a app-id setup for my page.

<script>
    window.fbAsyncInit = function () {
        FB.init({
            appId: 'your-app-id', // except real id
            xfbml: true,
            version: 'v2.4'
        });
    };

    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) { return; }
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

I have linked my FB app with my FB page. Now i need to display the most recent post on my website.

I'm building a website for a business. The business currently has a Facebook page. On the website i'm creating, i need to display the most recent Facebook post.

A Google search led me to a depreciated method, and Facebook says now to use the new Graph API, but i'm starting from no Facebook API experience so found it overwhelming and could use some help.

Here's where i am.

I'm doing this as a single page site with no server side language, so am only using JavaScript. So far I've got the FB JS SDK script after my body tag, and a app-id setup for my page.

<script>
    window.fbAsyncInit = function () {
        FB.init({
            appId: 'your-app-id', // except real id
            xfbml: true,
            version: 'v2.4'
        });
    };

    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) { return; }
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

I have linked my FB app with my FB page. Now i need to display the most recent post on my website.

• javascript
• facebook
• facebook-graph-api

Share Improve this question Follow edited Mar 8, 2021 at 16:32 SomeRandomDeveloper asked Aug 28, 2015 at 14:51 SomeRandomDeveloperSomeRandomDeveloper 48922 gold badges1313 silver badges3434 bronze badges 2

• 3 With API v2, you need an access token to request this kind of data. So if you want to do that client-side only, then you have to make users login with their FB account first. Server-side you could use your app access token or a page access token – but those must never be exposed in client-side code. Other than that, your only option would be to use the Page Plugin – that has an option to display the last X posts of the page. – C3roe Commented Aug 31, 2015 at 10:37
• 1 Thanks, i guess the page plugin is the only way then, so this is technically the answer if you want to answer this. – SomeRandomDeveloper Commented Sep 10, 2015 at 18:56

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 1

FB.api(
    "/{page-id}/feed",
    function (response) {
      if (response && !response.error) {
        /* handle the result */
      }
    }
);

Source: https://developers.facebook./docs/graph-api/reference/v2.4/page/feed

You could just use the following API call to get only one entry:

/{page-id}/feed?limit=1

    window.fbAsyncInit = function() {
        FB.init({
          appId            : 'app id here',
          autoLogAppEvents : true,
          xfbml            : true,
          version          : 'v3.2'
        });
    
    //For getting posts from wall,
    	FB.api(
    		'/me',
    		{access_token:'Access token here',
    		fields:"id,name,posts{attachments}"},
    		function(response) {
    			console.log(response)
    		}
    	);
//for getting posts from page we manage
    	FB.api(
        "/page_id/feed",
    	{access_token:'access token',
    	fields:"attachments{url,media,description,title,type},created_time,description,message,updated_time"},
        function (response) {
    	console.log(response)
    	  if (response && !response.error) {
            /* handle the result */
          }
        }
    );
    };    
    (function(d, s, id){
         var js, fjs = d.getElementsByTagName(s)[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement(s); js.id = id;
         js.src = "https://connect.facebook/en_US/sdk.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));

本文标签：