Tài liệu này nêu chi tiết các bước nhận mã thông báo truy cập facebook và sử dụng mã thông báo để tìm nạp nguồn cấp dữ liệu FB.
Ví dụ: Một ví dụ sống là có sẵn trong
https://newtonjoshua.com
Giới thiệu về lập biểu đồ API: Sơ đồ API là cách chủ yếu để lấy dữ liệu vào và ra khỏi Nền tảng của Facebook. Đó là API dựa trên HTTP cấp thấp mà bạn có thể sử dụng để truy vấn dữ liệu, đăng câu chuyện mới, quản lý quảng cáo, tải lên ảnh và nhiều tác vụ khác mà ứng dụng có thể cần thực hiện.
FaceBook Apps:
https://developers.facebook.com
Tạo một ứng dụng Facebook. Bạn sẽ nhận được một App_Id
và App_Secret
Graph API Explorer:
https://developers.facebook.com/tools/explorer/{{App_Id}}
/method = GET & path = tôi% 2Ffeed & version = V2.8
Bạn sẽ nhận được số access_token
ngắn ngủi. Vì vậy, đây sẽ là short_lived_access_token
của chúng tôi.
lưu ý: trong khi tạo mã thông báo truy cập, hãy chọn tất cả các trường fb mà bạn yêu cầu. Điều này sẽ cấp quyền truy cập mã thông báo để tìm nạp các trường đó.
Truy cập Mã Extension:
https://graph.facebook.com/oauth/access_token?grant_type=fb_exchange_token&client_id={{APP_ID}} & client_secret = {{App_Secret}} & fb_exchange_token = {{ngắn ngủi-access_token}}
Bạn sẽ nhận được access_token
có giá trị 2 m onths.
Truy cập Mã Debugger:
https://developers.facebook.com/tools/debug/accesstoken?q={{}} access_token & version = V2.8
bạn có thể kiểm tra kiểm tra các chi tiết của access_token
.
Facebook SDK cho JavaScript: Bao gồm trong HTML của bạn dưới đây hoạt Javascript để tải không đồng bộ SDK vào trang của bạn
(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'));
Graph API: Hãy thực hiện cuộc gọi API để có được id FB của chúng tôi , ảnh hồ sơ, ảnh bìa và nguồn cấp dữ liệu.
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
}
}
);
};
Sử dụng Graph API Explorer để thiết kế truy vấn của bạn cần được nhập vào 'lĩnh vực' (ví dụ: 'id, hình ảnh {url}, bìa, thức ăn')
Bây giờ bạn có thể lấy của bạn Dữ liệu Facebook từ Facebook Graph API sử dụng access_token của bạn.
Tham khảo https://developers.facebook.com/docs/graph-api/overview/
Lưu ý: access_token
của bạn sẽ hết hạn trong 2 tháng. Tạo access_token mới sau đó.
Chỉ trong trường hợp các bạn muốn hiển thị nguồn cấp dữ liệu dòng thời gian của trang Facebook, tôi đã tìm thấy hướng dẫn giải thích cách thực hiện, từng bước https://www.codeofaninja.com/2014/10/display-facebook-page -feed-on-wordpress-or-website.html – Emkey