Javascript Phonegap Build 3.3.0-无法连接到Facebook
我已经连续工作了3天(夜以继日),试图将phonegap构建应用程序连接到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上运
- Facebook连接()
- FaceGap()甚至
- openfb(无法发布链接,因为我需要10的声誉)
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 ©</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>