SDK Facebook dành cho JavaScript với AngularJS

Bạn có thể tích hợp SDK Facebook dành cho JavaScript với AngularJS. Tuy nhiên, vì SDK của chúng tôi phải hoạt động đối với web và không hoạt động đối với một khung cụ thể nên chúng tôi không cung cấp mô-đun AngularJS.

Tải SDK Facebook dành cho JavaScript

Để thêm SDK Facebook dành cho JavaScript vào ứng dụng của bạn, chúng tôi khuyên bạn nên làm theo hướng dẫn xác thực Facebook trong ứng dụng web AngularJS của bạn hoặc các hướng dẫn khác được đăng trên https://docs.angularjs.org/guide.

Sử dụng phiên bản SDK mới nhất

Khi làm theo bất kỳ hướng dẫn nào, hãy nhớ tải tệp SDK mới nhấtsdk.js:

// Old SDK (deprecated)
js.src = "https://connect.facebook.net/en_US/all.js";

// New SDK (v2.x)
js.src = "https://connect.facebook.net/en_US/sdk.js";

và cung cấp phiên bản API Đồ thị (hiện là v2.4) trong lệnh gọi FB.init():

$window.fbAsyncInit = function() {
    FB.init({ 
      appId: '{your-app-id}',
      status: true, 
      cookie: true, 
      xfbml: true,
      version: 'v2.4'
    });
};

Sử dụng các hàm gọi lại

SDK Facebook dành cho JavaScript không hỗ trợ khái niệm kết quả. Vì vậy, bạn có thể kết hợp (ví dụ như) các lệnh gọi SDK Facebook dành cho JavaScript vào một dịch vụ:

// ...
.factory('facebookService', function($q) {
    return {
        getMyLastName: function() {
            var deferred = $q.defer();
            FB.api('/me', {
                fields: 'last_name'
            }, function(response) {
                if (!response || response.error) {
                    deferred.reject('Error occured');
                } else {
                    deferred.resolve(response);
                }
            });
            return deferred.promise;
        }
    }
});

Ví dụ: sử dụng dịch vụ như sau:

$scope.getMyLastName = function() {
   facebookService.getMyLastName() 
     .then(function(response) {
       $scope.last_name = response.last_name;
     }
   );
};

Thư viện của bên thứ ba

Cũng có một số thư viện của bên thứ ba đơn giản hóa việc sử dụng SDK Facebook dành cho JavaScript được liệt kê trên trang Hướng dẫn về AngularJS.