PhoneGap add Facebook Connect plugin
Question
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?
2 answers
solution1
4 ACCPTED 2013-09-23 18:45:07
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.
solution2
0 2013-09-24 10:48:47
@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.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.