PhoneGap Facebook Connect插件 - 简单的演练?

时间:2016-01-18 18:46:42

标签: phonegap-plugins phonegap-facebook-plugin

过去两天,我一直在试图弄清楚如何使用phonegap-facebook-plugin 到目前为止我做了什么:

  • 我创建了一个新的phonegap应用程序(phonegap创建应用程序--id “com.example.test”--name“app”)
  • 我克隆了回购并将其保存到应用程序中,所以现在我的应用程序有了 包含phonegap-facebook-plugin和两个插件的插件文件夹 其中的平台示例(ios和adnroid)。
  • 我从应用程序商店下载了phonegap ios应用程序,已启动 phonegap在我的示例应用程序的www文件夹(顶级www 文件夹 - 你应该工作的那个),我可以看到它 在我的手机上运行。

我将以下代码添加到应用程序的index.js:

onDeviceReady: function() {
  app.receivedEvent('deviceready');
  var fbLoginSuccess = function (userData) {
    alert("UserInfo: " + JSON.stringify(userData));
  }
  facebookConnectPlugin.login(["public_profile"],
    fbLoginSuccess,
    function (error) { alert("" + error) }
  );
},

我将此添加到我的index.html:

<div class="event listening button" onclick="login();">Login with Facebook</div>

当我使用phonegap服务,并使用phonegap应用程序在我的iphone上打开时,我可以看到按钮LOGIN WITH FACEBOOK。点击它不会做任何事情。

有人可以为安装此插件创建一个SIMPLE演练吗?

1 个答案:

答案 0 :(得分:1)

删除此代码:

var fbLoginSuccess = function (userData) {
    alert("UserInfo: " + JSON.stringify(userData));
  }
  facebookConnectPlugin.login(["public_profile"],
    fbLoginSuccess,
    function (error) { alert("" + error) }
  );

在index.js底部添加了代码

 function login(){
                   facebookConnectPlugin.login( ["public_profile","email"],function (response) {
                    if(response.authResponse.userID!=''){
                        facebookConnectPlugin.api(response.authResponse.userID+"/?fields=id,email,first_name", ["public_profile"],
                        function (response) {
                            console.log(response);
                        },
                        function (response) {
                            console.log(response);
                        });
                    }    
                    }, 
                    function (response) {   
                            console.log(response);
                   });
                   }

它会起作用。如果它不起作用,请告诉我。泰  example