在使用长/多个自定义字段登录FB后,Facebook注册插件返回“无效的client_id”

时间:2012-09-28 22:31:45

标签: facebook json plugins facebook-javascript-sdk registration

我正在使用FB注册插件,代码如下:

<html xmlns:fb="http://ogp.me/ns/fb#">

    <script type="text/javascript">
    window.fbAsyncInit = function() { FB.init({appId: 'xxx', status: true, cookie: true, xfbml: true}); };
    (function() {
        var e = document.createElement('script');
        e.async = true;
        e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);
    })();
</script>

这是我想要的字段列表:

                            <?php /* There seems to be a character limit for fields causing "invalid client_id" on log in/out */?>
                        <fb:registration redirect-uri="https://xxx.secure.xxx.com/register/fb_submit.php"
                            fields='[
                            {"name":"name","view":"prefilled"},
                            {"name":"email"},
                            {"name":"password"},
                            {"name":"s_question","description":"Secret Question","type":"select","options":{"2":"In which city were you born?","4":"What is your favorite book?","3":"What is your favorite pets name?","6":"What is your favorite vacation spot?","1":"What is your mothers maiden name?"}},
                            {"name":"s_answer","type":"text","description":"Secret Answer"},
                            {"name":"first_name"},
                            {"name":"last_name"},
                            {"name":"address_co","description":"Care of (Optional)","type":"text","no_submit":true},
                            {"name":"address","description":"Mailing Address","type":"text"},
                            {"name":"address2","description":"Apartment/Unit","type":"text","no_submit":true},
                            {"name":"street_address","description":"Street Address (if using a P.O. box above)","type":"text","no_submit":true},
                            {"name":"location","view":"prefilled"},
                            {"name":"city","view":"not_prefilled","description":"City","type":"text"},
                            {"name":"state","view":"not_prefilled", "description":"State","type":"select","options":{"AA":"AA - Armed Forces Americas","AE":"AE - Armed Forces","AK":"AK - Alaska","AL":"AL - Alabama","AP":"AP - Armed Forces Pacific","AR":"AR - Arkansas","AS":"AS - American Samoa","AZ":"AZ - Arizona","CA":"CA - California","CO":"CO - Colorado","CT":"CT - Connecticut","DC":"DC - District of Columbia","DE":"DE - Delaware","FL":"FL - Florida","FM":"FM - Federated States of Micronesia","GA":"GA - Georgia","GU":"GU - Guam","HI":"HI - Hawaii","IA":"IA - Iowa","ID":"ID - Idaho","IL":"IL - Illinois","IN":"IN - Indiana","KS":"KS - Kansas","KY":"KY - Kentucky","LA":"LA - Louisiana","MA":"MA - Massachusetts","MD":"MD - Maryland","ME":"ME - Maine","MH":"MH - Marshall Islands","MI":"MI - Michigan","MN":"MN - Minnesota","MO":"MO - Missouri","MP":"MP - Northern Mariana Islands","MS":"MS - Mississippi","MT":"MT - Montana","NC":"NC - North Carolina","ND":"ND - North Dakota","NE":"NE - Nebraska","NH":"NH - New Hampshire","NJ":"NJ - New Jersey","NM":"NM - New Mexico","NV":"NV - Nevada","NY":"NY - New York","OH":"OH - Ohio","OK":"OK - Oklahoma","OR":"OR - Oregon","PA":"PA - Pennsylvania","PR":"PR - Puerto Rico","PW":"PW - Palau","RI":"RI - Rhode Island","SC":"SC - South Carolina","SD":"SD - South Dakota","TN":"TN - Tennessee","TX":"TX - Texas","UT":"UT - Utah","VA":"VA - Virginia","VI":"VI - Virgin Islands","VT":"VT - Vermont","WA":"WA - Washington","WI":"WI - Wisconsin","WV":"WV - West Virginia","WY":"WY - Wyoming"}},
                            {"name":"zip","description":"5-digit Zip Code","type":"text"},
                            {"name":"phone","description":"Phone (800-555-1212)","type":"text"},
                            {"name":"referred_by","description":"Referred by-Email or site nickname (Optional)","type":"text","no_submit":true},
                            {"name":"cert_code","description":"Gift Certificate Code (Optional)","type":"text","no_submit":true},
                            {"name":"sel_hear_about","description":"How Did You Hear About Us?","type":"select","options":{"1":"Friend","2":"Newspaper","3":"Magazine","4":"Internet Search","5":"Internet Ad","6":"Website","8":"site2","9":"site3","10":"Other","11":"TV","12":"Radio"}},
                            {"name":"hear_about","description":"newspaper/blog/website/friend name? (Optional) ","type":"text","no_submit":true},
                            {"name":"birthday"},
                            {"name":"hours","description":"Hours Spent Reading per Week (Optional)","type":"select","options":{"0":"0","1-5":"1-5","6-10":"6-10","11-20":"11-20","21-30":"21-30","31-40":"31-40","41+":"41+"},"no_submit":true}
                            ]' onvalidate="validate">
                        </fb:registration>

这是我的validate()函数:

        function validate(form)
    {
        errors = {};
        var dt = new Date(), expiryTime = dt.setTime( dt.getTime() + 1000*5 );
        var expires = dt.toGMTString();

        if (form.first_name == "")
        {
            errors.first_name = "Please choose a First Name";
        }

        if (form.s_question == "-1")
        {
            errors.s_question = "Please choose a Secret Question";
        }
        if (form.s_answer == "")
        {
            errors.s_answer = "Please type an answer to your Secret Question";
        }
        if (form.address_co !== "")
        {
            set_cookie( 'address_co', form.address_co, expires, '/register', 'secure.xxx.com', true );
        }
        if (form.address == "")
        {
            errors.address = "Please type your mailing address";
        }
        if (form.address2 !== "")
        {
            set_cookie( 'address2', form.address2, expires, '/register', 'secure.xxx.com', true );
        }
        if (form.street_address !== "")
        {
            set_cookie( 'street_address', form.street_address, expires, '/register', 'secure.xxx.com', true );
        }
        if (form.zip == "")
        {
            errors.zip = "Please type a 5-digit Zip Code"
        }
        else if (form.zip.length != 5)
        {
            errors.zip = "Zip Code must be 5 digits";
        }
        else if (isNaN(form.zip))
        {
            errors.zip = "Zip Code must be a number";
        }


        if (form.phone == "")
        {
            errors.phone = "Please type your phone number";
        }
        if (form.referred_by !== "")
        {
            set_cookie( 'referred_by', form.referred_by, expires, '/register', 'secure.xxx.com', true );
        }
        if (form.cert_code !== "")
        {
            set_cookie( 'cert_code', form.cert_code, expires, '/register', 'secure.xxx.com', true );
        }
        if (!form.sel_hear_about)
        {
            errors.sel_hear_about = "Please choose how you heard about us";
        }
        if (form.hear_about !== "")
        {
            set_cookie( 'hear_about', form.hear_about, expires, '/register', 'secure.xxx.com', true );
        }
        if (form.hours !== "-1")
        {
            set_cookie( 'hours', form.hours, expires, '/register', 'secure.xxx.com', true );
        }

        return errors;
    }

如果用户在访问此注册表单时已登录到FB,则会填充FB字段并且表单可以正常工作。 但是,如果用户未登录FB并在表单上选择FB提示“登录以使用您的个人资料信息预填填下面的表单。”,则为FB提供登录凭据,表单消失,并由FB 中相当通用的“client_id”错误替换。

如果用户然后刷新页面,则他/她已登录到FB并填充了正确的FB字段。

我已经验证了JSON字段列表。在测试期间,我发现如果我将字段列表缩减为:

                                fields='[
                            {"name":"name","view":"prefilled"},
                            {"name":"email"},
                            {"name":"password"},
                            {"name":"s_question","description":"Secret Question","type":"select","options":{"2":"In which city were you born?","4":"What is your favorite book?","3":"What is your favorite pets name?","6":"What is your favorite vacation spot?","1":"What is your mothers maiden name?"}},
                            {"name":"s_answer","type":"text","description":"Secret Answer"},
                            {"name":"first_name"},
                            {"name":"last_name"},                                                               ]' onvalidate="validate">

然后我没有得到错误。如果我重新添加最长字段(上面的状态字段),则返回client_id错误。我可以添加其他较短字段的组合而不是添加状态,并获得相同的错误。这让我觉得我正在为JSON字段列表达到某种最大大小限制。可能不是发送给FB的实际JSON,而是登录后FB发回的相应隐藏字段。

如果我无法修复此问题,我计划仅获取基本的FB字段,并将其余字段移至另一页。当然,我更喜欢将它与表格和我的支持注册表分开。 FB数据加载到表单后(刷新时)代码全部工作。

感谢您对这篇冗长的描述的耐心。

1 个答案:

答案 0 :(得分:0)

我对此没有任何解决方法,我只能提供一个可能的(不,我认为最有可能)解释:

<fb:registration>标记与所有其他插件一样,基本上是在页面中创建一个iframe,它将查询字符串中传递的所有必要参数作为GET参数。

因此,您为注册表单定义的很多字段意味着iframe网址中的长查询字符串。

问题是,浏览器限制了网址的可能长度 - 请参阅https://stackoverflow.com/a/417184/1427878http://www.boutell.com/newfaq/misc/urllength.html

网络服务器也会这样做,然后他们会说,“呃,这对我来说通过GET进行处理有点太多了,很抱歉,但没有抱歉...”

因此,当您的注册表单可能与用户已登录时定义的大量字段一起使用时,因为iframe URL的长度保持在浏览器或Facebook服务器强制执行的限制之下 - 如果用户不是登录并点击登录按钮,它们通过Facebook Auth流重定向,并且成功登录后应该“发回”的URL(注册表的地址及其所有GET参数)这种情况)在Auth对话框URL中被转换为GET参数,以及其他参数。 (并且在将URL作为GET参数在另一个URL中传输时应用的必要URL编码会使其更加强大......)

这导致非常长的网址,无法通过浏览器或Facebook服务器强制执行的限制进行传输/处理。 (由于您收到Facebook的错误消息,因此Facebook的服务器很可能拒绝在此方案中处理它。)

所以,你可以尝试用Facebook打开一个错误报告 - 他们设置最大GET URL长度的限制可以解决这个问题;但如果他们愿意这样做,可能是另一个问题。 (因为允许更长的请求URL也可能有其他含义。)

即使他们这样做了,你仍然可能会遇到用户正在使用的浏览器的路障 - 如果Internet Explorer的当前限制仍然是URL的路径部分的2,048个字符,那么可能是下一部分许多领域的登记表将在前端破裂......