Facebook API's fb:registration returning "Invalid 'client_id'" when not connected to Facebook
I'm trying to use Facebook's registration tool for my website. I would like to allow Facebook users to login seamlessly to my website, but also non-Facebook users to create an account through that unified UI.
I'm using the <fb:registration> tag for that purpose. If I'm already connected to Facebook when arriving to the page, everything works as expected (the form is prefilled with information from my Facebook account). But if I'm not connected to Facebook, the following error is displayed: Invalid 'client_id'..
What am I doing wrong?
Thanks very much for your help.
You'll find below the HTML code rendered from the server:
<!doctype html>
<html xmlns:fb='http://www.facebook.com/2008/fbml'>
<head id='head'>
<title>MyWebSite - Signup</title>
<link rel='stylesheet' type='text/css' href='/client/Core.css'/>
<script language='JavaScript' type='text/javascript' src='/client/jQuery.js'></script>
<script type='text/javascript'>
function initialize() {
$.getScript('client/Core.js');
$.getScript(document.location.protocol + '//connect.facebook.net/en_US/all.js');
}
window.fbAsyncInit = function() {
FB.init({
appId : 123456789, // replaced here by my App ID
session : {},
status : true,
cookie : true,
xfbml : true
});
FB.Event.subscribe('auth.login', function() {
window.location.href = 'DoLogin';
});
};
</script>
</head>
<body onload='initialize();'>
<span id='fb-root'></span>
<fb:registration
fields='[{"name":"name"},{"name":"first_name"},{"name":"last_name"},{"name":"email"},{"name":"location"},{"name":"gender"},{"name":"password","view":"not_prefilled"},{"name":"captcha"}]'
redirect-uri='http://172.16.100.31/DoSignup'
width='600'
fb_only='false'
allowTransparency='true'>
</fb:registration>
</body>
</html>
Answer
You might have to configure your application to let users other than the developers to access the app. I had a hard time finding it, but if I remember well, it was a matter of sandboxing the app or not.