JavaScript SDK - Ví dụ

Hãy đọc hướng dẫn bắt đầu nhanh của chúng tôi để tìm hiểu cách tải và khởi tạo Facebook SDK dành cho JavaScript, đồng thời đọc hướng dẫn thiết lập nâng cao để tùy chỉnh quá trình triển khai của bạn. Tiếp theo, hãy xem ví dụ của chúng tôi về cách sử dụng SDK này:

• Kích hoạt hộp thoại Chia sẻ
• Đăng nhập bằng Facebook

Kích hoạt hộp thoại Chia sẻ

Thông qua Hộp thoại Chia sẻ, người nào đó sử dụng trang có thể đăng liên kết lên dòng thời gian của họ hoặc tạo tin đăng bằng Open Graph. Những hộp thoại hiển thị bằng JavaScript SDK sẽ tự động có định dạng phù hợp với ngữ cảnh được tải - web di động hoặc web trên máy tính.

Dưới đây, chúng tôi sẽ chỉ cho bạn cách sử dụng phương thức FB.ui() của SDK này để gọi hộp thoại Chia sẻ thực sự cơ bản. Hãy thêm đoạn mã dưới đây vào sau lệnh gọi FB.init() trong mã thiết lập cơ bản:

FB.ui({
  method: 'share',
  href: 'https://developers.facebook.com/docs/'
}, function(response){});
    

Bây giờ, khi tải lại trang, bạn sẽ thấy hộp thoại Chia sẻ xuất hiện ở đầu trang đó. Sau khi bạn đóng hộp thoại bằng cách đăng tin hoặc hủy, chức năng phản hồi sẽ được kích hoạt.

Hãy đọc tài liệu tham khảo về FB.ui để xem toàn bộ danh sách thông số mà bạn có thể dùng và cấu trúc của đối tượng phản hồi.

Đăng nhập bằng Facebook

Thông qua phương thức Đăng nhập bằng Facebook, người dùng có thể đăng ký hoặc đăng nhập ứng dụng của bạn bằng danh tính của họ trên Facebook.

Chúng tôi có hướng dẫn đầy đủ về cách sử dụng JavaScript SDK để triển khai phương thức Đăng nhập bằng Facebook. Nhưng tạm thời, hãy chỉ sử dụng mã mẫu cơ bản nào đó để bạn có thể biết cách hoạt động của phương thức này. Hãy chèn đoạn mã dưới đây vào sau lệnh gọi FB.init gốc:

FB.login(function(response) {
    if (response.authResponse) {
     console.log('Welcome!  Fetching your information.... ');
     FB.api('/me', function(response) {
       console.log('Good to see you, ' + response.name + '.');
     });
    } else {
     console.log('User cancelled login or did not fully authorize.');
    }
});
    

Hãy đọc Hướng dẫn đăng nhập để biết chính xác điều gì sẽ xảy ra sau khi thực hiện lệnh gọi này. Tuy nhiên, khi tải lại trang, bạn sẽ được nhắc bằng hộp thoại Đăng nhập cho ứng dụng của mình nếu chưa cấp quyền cho ứng dụng đó.