cordova/angularjs 应用程序中的 Facebook 身份验证

Question

我正在试用 phonegap-facebook plugin用于通过 facebook 进行身份验证，并且它适用于提供的示例。但是现在我不知道如何用 Angular 正确配置它。

我已经试用了 Ciul 的 angular-facebook用于此目的的模块，它在浏览器中工作，但我不清楚如何在 native 环境中设置它。

angular-facebook模块带有一个单独的 phonegap 脚本。这里有人愿意解释设置应该如何吗？

Answer 1

我是这样处理的。

我在 index.html 中首先包含 cordova.js 和 cdv-plugin-fb-connect，然后是来自 Ciul's plugin 的 angular-facebook 和 angular-facebook-phonegap.js .

index.html:

<script src="cordova.js"></script>
<script src="cdv-plugin-fb-connect.js"></script>
<script src="/bower_components/angular-facebook/lib/angular-facebook.js"></script>
<script src="/bower_components/angular-facebook/lib/angular-facebook-phonegap.js"></script>

我首先在设备就绪事件后手动引导 Angular.js。此步骤可能是可选的，因为 angular-facebook-phonegap 已经在等待此事件。

document.addEventListener('deviceready', onDeviceReady, false);

在 Angular 配置中注入(inject) FacebookProvier 后，启动它。

angular.config:

var application_conf_mobile = {
    appId: "XXXXXXX",
    oauth: true,
    localSDK: 'facebook-js-sdk.js', //Load sdk async
    nativeInterface: CDV.FB,
    status: false,
    frictionlessRequests: true,
    useCachedDialogs: false,
    cookies:true
}
FacebookProvider.init(application_conf_mobile,false);

调试时，你应该仔细检查 CDV 变量是否定义。

您应该能够在服务中使用 api 实例(注入(inject)“Facebook”):

服务:调用接口(interface):

Facebook.getLoginStatus(function(response) {
  handleStatusChange(response)
})

监听来自 Facebook 的事件(angular facebook 插件触发它们):

$rootScope.$on('Facebook:authResponseChange', function(e,data){})
$rootScope.$on('Facebook:login', function(e,data){})
...

希望对您有所帮助，我没有忘记任何有用的步骤!