在cordova / angularjs app中进行Facebook身份验证

解决方法

我在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);

在角度配置中注入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(注入“Facebook”)：

服务：
呼叫api：

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

听取来自Facebook的事件(有角度的facebook插件触发它们)：

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

我希望它能帮到你,我没有忘记任何有用的步骤！