Wie die letzten Aktivitäten einer Facebook-Seite in eine website?

Sind Sie wahrscheinlich auf der Suche für die Like-Box plugin: Es zeigt einen feed von Ihrer Seite der Wand und ermöglicht es Benutzern, wie Sie Ihre Facebook-Seite direkt von Ihrer web-Seite

InformationsquelleAutor Igy

Diesem Beispiel (ursprünglich von Stack-Overflow-Dokumentation) zeigt, wie das abrufen der Facebook access Token und die Verwendung des tokens zu Holen, FB-feeds und Daten zu display-Ionen Ihre website:

Beispiel:

Einem live-Beispiel ist in

https://newtonjoshua.com

Einführung in die Graph API:

Die Graph-API ist der primäre Weg, um Daten in und aus Facebook-Plattform. Es ist ein low-level-HTTP-basierte API, die Sie verwenden können, um Daten abzufragen, nach neuen Geschichten, verwalten, anzeigen, Fotos hochladen, und eine Vielzahl von anderen Aufgaben, die eine app brauchen könnte, um zu tun.

FaceBook-Apps:

https://developers.facebook.com

Erstellen Sie eine Facebook-app. Sie erhalten eine App_Id und App_Secret

Graph API Explorer:

https://developers.facebook.com/tools/explorer/{{App_Id}}/?Methode=GET&Pfad=me%2Ffeed&version=v2.8

Erhalten Sie eine access_token ist nur von kurzer Dauer. Dies wird also unsere short_lived_access_token.

Hinweis: beim erstellen von access-token auswählen, alle fb Felder, die Sie benötigen.Dies wird die Erlaubnis geben, auf die access-token Holen die Felder.

Access-Token-Erweiterung:

https://graph.facebook.com/oauth/access_token?grant_type=fb_exchange_token&client_id={{App_Id}}&client_secret={{App_Secret}}&fb_exchange_token={{short-lived-access_token}}

Erhalten Sie eine access_token mit einer Gültigkeit von 2 Monaten.

Access Token Debugger:

https://developers.facebook.com/tools/debug/accesstoken?q={{access_token}}&version=v2.8

können Sie überprüfen prüfen Sie die details der access_token.

Facebook SDK für JavaScript:

Gehören die unter JavaScript in Ihren HTML-asynchron laden Sie das SDK in Ihre Seite

<script>
        (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.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>

Graph API:

Let ' s machen einen API-Aufruf, um unsere FB-id, Profilbild, cover-pic und feeds.

<script>
window.fbAsyncInit = function () {
    FB.init({
        appId: '{{App_Id }}',
        xfbml: true,
        version: 'v2.7'
    });
    FB.api(
        '/me',
        'GET', {
            fields: 'id,picture{url},cover,feed',
            access_token: {{access_token}}
        },
        function (response) {
        if (response.error) {
                console.error(response.error.message);
            }
            if (response.picture.data.url) {
                profilePic = response.picture.data.url;
            }
            if (response.cover.source) {
                coverPic = response.cover.source;
            }
            if (response.feed.data) {
        feeds = response.feed.data;
                feeds.forEach(function (feed) {
            //view each feed content
                });
            }
            if (response.feed.paging.next) {
                nextFeedPage = response.feed.paging.next;
        //a request to nextFeedPage will give the next set of feeds
            }

        }
    );
};

</script>

Verwenden Sie die Graph API Explorer zur Gestaltung Ihrer Abfrage, die eingegeben werden sollten, die in der 'Felder' (z.B.: 'id,Bild{url},cover feed")

Nun Holen Sie Ihre facebook-Daten von Facebook-Graph-API mit Ihrem access_token.

finden https://developers.facebook.com/docs/graph-api/overview/

Hinweis: Ihre access_token läuft in 2 Monaten. Erstellen Sie ein neues access_token nach.

InformationsquelleAutor Newton Joshua