Внедрение Facebook JS SDK в контроллеры AngularJS

Я пытаюсь создать службу facebook для Angular, поэтому я могу более легко протестировать код, который должен использовать API JS SDK и Graph API для файлов.

Вот что я до сих пор:

app.factory('facebook', function() {
    return FB;
});

window.fbAsyncInit = function () {
    FB.init({
        appId: 'SOME_APP_ID_HERE', // App ID
        status: true, // check login status
        cookie: true, // enable cookies to allow the server to access the session
        xfbml: true,  // parse XFBML
        oauth: true
    });
};

// Load the SDK Asynchronously
(function (d) {
    var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
    if (d.getElementById(id)) { return; }
    js = d.createElement('script'); js.id = id; js.async = true;
    js.src = "//connect.facebook.net/en_US/all.js";
    ref.parentNode.insertBefore(js, ref);
})(document);

Теперь я знаю, что фактическая часть SDK Facebook работает... но в моем контроллере ссылка всегда равна нулю.

в моем контроллере у меня есть что-то вроде этого:

function FooCtrl($scope, facebook) {
    facebook.getLoginStatus(function(response) {
        if (response.status === 'connected') {
            var uid = response.authResponse.userID;
            var accessToken = response.authResponse.accessToken;
            // do something
        } else if (response.status === 'not_authorized') {
            // the user is logged in to Facebook, 
            // but has not authenticated your app
        } else {
            // the user isn't logged in to Facebook.
        }
    });
}

Angular после этого схватывает, что он не может найти facebookProvider. Любые идеи о том, как я могу это сделать?

Ответ 1

Включите функцию factory с помощью скобок массива, как показано ниже

app.factory('facebook', [function() {
    return FB;
}]);

API-документы недостаточно ясны. Точка наличия скобок массива заключается в том, что вы можете указать зависимости. Он будет введен при создании вашей службы с помощью AUTO. $Inject. Но поскольку у вас нет зависимостей, он пропустит эту задачу:)

В любом случае, если вам нужны зависимости, вы можете запросить их как это

app.factory('facebook', ["$log", function($someCrazyLoggerService){
    $someCrazyLoggerService.log("I'm Auto Injected crazy Logger");
}]);

Ответ 2

вы должны взглянуть на этот модуль Facebook, который я написал.

Сначала используйте FacebookProvider в своем приложении config call, что-то вроде FacebookProvider.init('yourFacebookAppIdHere'); вы также можете настроить другие настройки, а затем на своих контроллерах используйте службу Facebook и зарегистрируйтесь на события и вызовите методы асинхронно;)

https://github.com/ciul/angularjs-facebook