PhoneGap add Facebook Connect plugin

问题

I want to add com.phonegap.plugins.facebookconnect to my PhoneGap build android app but I unable to do it. In doc site they say to add

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

in config.xml file but there is 3 config.xml files in PhoneGap build folder and even when I add it what than? There should be files added to project like cdv-plugin-fb-connect.js and facebook-js-sdk.js so I can include them in index.html but none of files are added to project. How can I manage that?

回答1:

Answer below is for phonegap-build. Disregard.

Add the below to your config.xml and ensure you place your config.xml in the root folder with your index.html file:

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

Add the below to the <head></head> of your index.html file and every .html file that you want to access the plugin scripts:

<script scr="phonegap.js"></script>
<script src="cdv-plugin-fb-connect.js"></script > 
<script src="facebook-js-sdk.js"></script >

Read and follow the documentation located here. Be sure to pay attention to the paragraph titled "Facebook Requirements and Set-Up".
Once complete, upload your zipped project to build.phonegap.com and wait for your project to be compiled.

Notes:

You should only have 1 config.xml file in the root of your project.
Do not add the phonegap.js, cdv-plugin-fb-connect.js file or facebook-js-sdk.js files to the root of your project. Phonegap Build will handle that for you.

回答2:

@Dom I did step by step how you specified: 1. added to config.xml in platforms/android/assets/www/config.xml 2. included js files in header and when I execute phonegap install android from cmd with this code:

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');
});

it only displays first alert and removes .js files from heder. Why is that happening? - It was happening because when you edit in phonegap build you don't edit in platforms/adnroid/assets/www but in root folder of project there is www folder and you edit config.xml and index.html there and after running app it is build for android from there.

Edit: I have just wrapped FB.init in try/catch and I got this error : ReferenceError FB is not defined I think that is because js is not loading.

来源：https://stackoverflow.com/questions/18965677/phonegap-add-facebook-connect-plugin

标签

javascript

android

facebook

cordova