Cordova Facebook登录集成cordovaOauth

时间:2016-05-14 21:36:15

标签: javascript ios angularjs facebook cordova

我无法配置FB登录以使用我的cordova移动应用程序。

我已按照本教程:http://www.codeproject.com/Tips/1031475/How-to-Integrate-Facebook-Login-into-a-Cordova-App#_comments

<script src="js/angular.js"></script>
<script src="js/ng-cordova.js"></script>
<script src="cordova.js"></script>

我使用凉亭安装了ng-cordova和angular。我将这两个javascript文件与我的index.html

中的代码一起放在我的www文件夹中

这就是我在app.js中的内容:

   var app = angular.module('myApp', ['ngCordova']);

   app.controller("OAuthCtrl", function($scope, $cordovaOauth){
   $scope.facebookLogin = function() {

    alert("Click");
    //user your fb app Id.. 
    $cordovaOauth.facebook("1232456", 
    ["email"]).then(function(result) {
        alert(result.access_token);
        // results
    }, function(error) {
        alert("error");
        alert(error);
        // error
    });
}
})

这在我的index.html中 :

<body data-ng-app="myApp">
<div ng-controller="OAuthCtrl">
   <label >
       <button class="button button-block button-positive" 
       ng-click="facebookLogin()">
           Login with Facebook
       </button>
   </label>
</div>
</body>

该程序编译并运行正常。虽然按钮不可点击。任何帮助表示赞赏。我是否错误地安装了angularjs?我已经按照本教程进行了操作: http://ngcordova.com/docs/install/

1 个答案:

答案 0 :(得分:0)

根据您的代码,我可以看到您没有安装ng-cordova-oauth插件。你必须使用凉亭安装ng-cordova-oauth,其中包括所有依赖性。

包含在index.html

<script src="lib/ngCordova/dist/ng-cordova.min.js"></script>
<script src="lib/ng-cordova-oauth/dist/ng-cordova-oauth.js"></script>
<script src="cordova.js"></script>

依赖包括

var app = angular.module('myApp', ['ngCordova','ngCordovaOauth']);

供完整安装使用Adding google plus login to ionic app

参考