Cordova Facebook plugin : missing variables APP_ID, APP_NAME

Question

When I do :

cordova plugin add https://github.com/phonegap/phonegap-facebook-plugin.git

I get the error :

Error: Variable(s) missing: APP_ID, APP_NAME

Where do I have to configure these variables ?

Answer 1

Look at the bottom of the README.md file on that github repository. You'll see it gives you instructions for installing the plugin and including the variables:

plugman install --platform [PLATFORM] --project [TARGET-PATH] --plugin [PLUGIN-PATH] --variable APP_ID="[APP_ID]" --variable APP_NAME="[APP_NAME]"

where
    [PLATFORM] = ios or android
    [TARGET-PATH] = path to folder containing your phonegap project
    [PLUGIN-PATH] = path to folder containing this plugin
    [APP_ID] = Your APP_ID as registered on Facebook

The Cordova CLI uses Plugman behind the scenes, so you can use it to inject variable names like this:

cordova plugin add https://github.com/phonegap/phonegap-facebook-plugin.git --variable APP_ID="my-app-id" --variable APP_NAME="my-app-name"

Answer 2

Edit the following lines in plugins\com.phonegap.plugins.facebookconnect\plugins.xml:

<preference name="APP_ID" />
<preference name="APP_NAME" />

To:

<param name="APP_ID" value="123456789" />
<param name="APP_NAME" value="Cordova" />

Answer 3

To use this plugin you will need to make sure you've registered your Facebook app with Facebook and have an APP_ID (https://developers.facebook.com/apps).

If you plan on rolling this out on iOS, please note that you will need to ensure that you have properly set up your Native iOS App settings on the Facebook App Dashboard. Please see the Getting Started with the Facebook SDK: Create a Facebook App section, for more details on this.

If you plan on rolling this out on Android, please note that you will need to generate a hash of your Android key(s) and submit those to the Developers page on Facebook to get it working. Furthermore, if you are generating this hash on Windows (specifically 64 bit versions), please use version 0.9.8e or 0.9.8d of OpenSSL for Windows and not 0.9.8k. Big ups to fernandomatos for pointing this out!

Answer 4

I am using DevExtreme - maybe it run in anothers plataforms - and I had the same problem. I late to resolve because when I changed my config.xml to set APP_ID and APP_NAME and after create .zip to use phonegap's build, this params(APP_ID and APP_NAME) disappeared of config.xml. The solution was edit config.xml after create .zip, not before like I did.

Obs: While I was researching about this, I saw many developers having the same problem. To resolve it, they fixed your .xml with this test http://www.w3schools.com/xml/xml_validator.asp

I hope this help.