0

好的 facebook 的教程到处都是，有谁知道我可以找到创建登录框的教程的地方。

我有一个从 facebook 社交插件页面获得的登录按钮，但我不知道如何自定义它。

但是我现在想知道的是如何创建一个登录框，当用户单击 facebook 登录按钮时，该按钮会消失并显示一个带有他们的个人资料图片名称和我的活动的框。

例如看看 WETPAINT.COM，他们有我在说什么。

4

1 回答 1

0

以下代码为您提供了一个登录按钮。这个按钮的行为就像文档说的那样：

“如果用户在退出 Facebook 后到达您的站点，按钮将显示登录。当用户单击它时，将提示她输入她的 Facebook 用户名和密码。

如果她尚未注册您的网站，她将被重定向到您在registration-url参数中指定的URL。

如果她已经为您的站点注册，该按钮将触发 onlogin() Javascript 事件。触发此事件时，您应该将用户登录到您的站点。

如果用户登录 Facebook，但尚未注册您的网站，按钮将显示注册并单击它将用户带到您的注册网址。

这个文档页面值得一看。

<?php

<!DOCTYPE html>

<html lang="en-US">
 <head>
 </head>
 <body>
    <div id="fb-root"></div>
        <script type="text/javascript">
            (function(d, s, id) {
              var js, fjs = d.getElementsByTagName(s)[0];
              if (d.getElementById(id)) return;
              js = d.createElement(s); js.id = id;
              js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
              fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));

            window.fbAsyncInit = function() {
                FB.init({
                  appId      : 'YOUR APP ID', 
                  channelUrl : 'YOUR CHANNEL URL', 
                  status     : true, 
                  cookie     : true, 
                  oauth      : true, 
                  xfbml      : true  
                });
                FB.Event.subscribe('auth.login', function(response) {
                    window.location.reload();
                });
                FB.Event.subscribe('auth.logout',    function(response) {
                  window.location.reload();
                });
              };
            </script>

        <fb:login-button
           registration-url="...PATH/TO/THE/PAGE/FOR/REGISTERED/USERS.php" 
           on-login="console.log(arguments)"
        />
</body>

于 2013-01-20T16:56:07.383 回答