Javascript Phonegap Build 3.3.0-无法连接到Facebook

Javascript Phonegap Build 3.3.0-无法连接到Facebook,javascript,cordova,Javascript,Cordova,我已经连续工作了3天(夜以继日),试图将phonegap构建应用程序连接到Facebook。我使用过各种各样的插件,比如 Facebook连接() FaceGap()甚至 openfb(无法发布链接,因为我需要10的声誉) 我还尝试了示例pgb fbconnect master,并在config.xml文件中添加(后来删除)了一些相关插件,如Inappbrowser和Childbrowser,但没有任何效果:( 我的代码的最后一个版本甚至可以在Chrome Ripple Emulator上运

我已经连续工作了3天(夜以继日),试图将phonegap构建应用程序连接到Facebook。我使用过各种各样的插件,比如

  • Facebook连接()
  • FaceGap()甚至
  • openfb(无法发布链接,因为我需要10的声誉)
我还尝试了示例pgb fbconnect master,并在config.xml文件中添加(后来删除)了一些相关插件,如Inappbrowser和Childbrowser,但没有任何效果:(

我的代码的最后一个版本甚至可以在Chrome Ripple Emulator上运行(如果用户未登录,facebook登录会弹出,一旦用户登录,它就会提取个人资料信息并将其显示在DIV中,但不幸的是,当我上传并构建phonegap应用程序并在真正的Ipad和Android设备上进行测试时,这个梦想就结束了。 下面是javascript(myscript.js):

window.onload=function(){
if(navigator.userAgent.match(/(iPhone | iPod | iPad | Android | BlackBerry)/){
文件。添加的监听器(“deviceready”,OnDeviceraddy,false);
}否则{
ondevicerady();
}
};
函数ondevicerady(){
$.ajaxSetup({cache:true});
$.getScript('//connect.facebook.net/en_UK/all.js',function(){
警报(“已成功加载FB!”);
FB.init({
“appId”:“xxxxxxxxxxxxx”,
“xfbml”:正确,
“cookie”:对,
“oauth”:没错,
“状态”:true
});
FB.getLoginStatus(函数(响应){
如果(response.status===“已连接”){
警报(响应状态);
getUserInfo();
}否则{
$(“#fb root”).show();
login(函数(){},{scope:'public\u profile'//publish\u actions});
}
});
函数getUserInfo(){
FB.api(“/me”),函数(数据){
if(data.error){
警报('意外的Facebook登录错误:'+JSON.stringify(data.Error));
}否则{
$(“#帐户信息”).html(//”
''
+“名称:”+data.Name+“

” +性别:“+data.Gender+”

+“FB页面上次修改日期:” +数据。更新时间+“

” ); } }); }
以下是config.xml文件:

<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id        = "com.phonegap.example"
version   = "1.0.0">
 <name>TestApp</name>
 <icon src="images/on.png" width="57" height="57" density="mdpi" />
 <description>
 A simple PhoneGap Build application.
</description>
<author href="https://my.com" email=",my@example.com">
Hansi
</author>
<gap:plugin name="org.apache.cordova.inappbrowser" />
<gap:plugin name="com.phonegap.plugins.facebookconnect">
<param name="APP_ID" value="xxxxxxxxxxx" />
<param name="APP_NAME" value="TestApp" />
</gap:plugin>
</widget>

特斯塔普
一个简单的PhoneGap构建应用程序。

  • 装腔作势 轮廓 测试应用程序和副本;
    我没有将文件cordova.js、cdv-plugin-fb-connect.js和facebook-js-sdk.js包含在web目录中,因为我已经了解到它们将在构建过程中生成(尽管在Netbeans中测试时,我发现丢失的文件有错误).我还注释了phonegap.js,因为网络上没有一个示例使用它

    我做错了什么?如前所述,理论上它都在Ripple emulator中工作,但在Phonegap构建中构建之后,应用程序失去了Facebook连接行为。 72小时的徒劳:)

    谢谢你的帮助

    <?xml version="1.0" encoding="UTF-8" ?>
    <widget xmlns = "http://www.w3.org/ns/widgets"
    xmlns:gap = "http://phonegap.com/ns/1.0"
    id        = "com.phonegap.example"
    version   = "1.0.0">
     <name>TestApp</name>
     <icon src="images/on.png" width="57" height="57" density="mdpi" />
     <description>
     A simple PhoneGap Build application.
    </description>
    <author href="https://my.com" email=",my@example.com">
    Hansi
    </author>
    <gap:plugin name="org.apache.cordova.inappbrowser" />
    <gap:plugin name="com.phonegap.plugins.facebookconnect">
    <param name="APP_ID" value="xxxxxxxxxxx" />
    <param name="APP_NAME" value="TestApp" />
    </gap:plugin>
    </widget>
    
    <!DOCTYPE html>
    <html>
    <head>
    <title>Place searches</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <link href="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js">    
    </script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script>
    </head>
    <body>
    <div data-role="page" id="page1" class="ui-corner-all">
    <div data-role="navbar" data-iconpos="left">
    <ul>
    <li><a href="#page" data-icon="home" class="ui-btn-active">Home</a></li>
    <li><a href="#favs" data-icon="star">Recently Requested</a></li>
    <li><a href="#" data-icon="gear">Setup</a></li>
    </ul>
    </div><!-- /navbar -->
    <div data-role="header" data-position="fixed">
    <h1>Facebookish</h1>
    </div>
    <div data-role="content">
    <div id="fb-root"></div>
    <!-- script src="http://connect.facebook.net/en_US/all.js"></script -->
    
    <h2>Profile</h2>
    <div id="account-info"></div>
    </div>
    <div data-role="footer">
    <h4>Test App &copy;</h4>
    </div>
    </div>  
    <!-- script src="scripts/openfb.js" type="text/javascript"></script -->
    <script src="cordova.js"></script>
    <!--script src="phonegap.js"></script-->
    <script src="cdv-plugin-fb-connect.js"></script> 
    <script src="facebook-js-sdk.js"></script> 
    <script src="scripts/myscript.js"></script>
    </body>
    </html>