PhoneGap添加Facebook Connect插件

时间:2013-09-23 17:50:55

标签: javascript android facebook cordova

我想将com.phonegap.plugins.facebookconnect添加到我的PhoneGap构建Android应用程序,但我无法做到。 在doc网站上,他们说要添加

<gap:plugin name="com.phonegap.plugins.facebookconnect">
    <param name="APP_ID" value="..." />
    <param name="APP_NAME" value="..." />
</gap:plugin>

config.xml文件中,但PhoneGap构建文件夹中有3个config.xml个文件,即使我添加的文件也是如此?应该有像cdv-plugin-fb-connect.jsfacebook-js-sdk.js这样的项目添加文件,因此我可以将它们包含在index.html中,但不会将任何文件添加到项目中。我该如何管理?

2 个答案:

答案 0 :(得分:4)

以下答案适用于phonegap-build。无视。

  1. 将以下内容添加到config.xml中,并确保将config.xml放在index.html文件的根文件夹中:

    <gap:plugin name="com.phonegap.plugins.facebookconnect">
        <param name="APP_ID" value="..." />
        <param name="APP_NAME" value="..." />
    </gap:plugin>
    
  2. 将以下内容添加到index.html文件的<head></head>以及要访问插件脚本的每个.html文件中:

    <script scr="phonegap.js"></script>
    <script src="cdv-plugin-fb-connect.js"></script > 
    <script src="facebook-js-sdk.js"></script > 
    
  3. 阅读并遵循位于here的文档。请务必注意标题为“Facebook要求和设置”的段落。

  4. 完成后,将您的压缩项目上传到build.phonegap.com并等待您的项目进行编译。

  5. 注意:

    • 您应该只在项目的根目录中包含1个config.xml文件。
    • 请勿将phonegap.js,cdv-plugin-fb-connect.js文件或facebook-js-sdk.js文件添加到项目的根目录中。 Phonegap Build将为您处理。

答案 1 :(得分:0)

@Dom 我是如何指定的: 1.添加到platforms / android / assets / www / config.xml中的config.xml 2.在头文件中包含js文件 当我使用此代码从cmd执行phonegap install android时:

document.addEventListener('deviceready', function() {
alert('1');
  FB.init({
      appId: 'appid',
      nativeInterface: CDV.FB,
      useCachedDialogs: false
  });
  alert('2');

  FB.getLoginStatus(handleStatusChange);
  alert('3');

  authUser();
  updateAuthElements();
  alert('4');
});

它只显示第一个警报并从heder中删除.js文件。 为什么会这样? - 发生这种情况是因为当您在phonegap构建中编辑时,您不在平台/ adnroid / assets / www中编辑,但在项目的根文件夹中有www文件夹,您在那里编辑config.xml和index.html并在运行应用程序之后是从那里为Android构建的。

编辑: 我刚刚在try / catch中包装了FB.init,我收到了这个错误:ReferenceError FB is not defined我认为这是因为js没有加载。