1

FBログインボタンの古いバージョンでは、これは私にとってはうまくいきました

<fb:login-button scope='email,publish_stream'>Login</fb:login-button>
<div id='fb-root'></div>

 <script type='text/javascript' src='http://connect.facebook.net/en_US/all.js'></script>     
 <script>window.fbAsyncInit = function() {FB.init({
      appId: '<?php echo $facebook->getAppID(); ?>',
      cookie: true,
      xfbml: true,
      oauth: true
   });
   FB.Event.subscribe('auth.login', function(response) {
      window.location = '/fb_redirect.php';
   });
  FB.Event.subscribe('auth.logout', function(response) {
      window.location.reload();
  });
   };
  (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>

しかし、私の友人は最近、次のように新しい HTML 5 ログイン ボタンに切り替えることを提案しました。

  <div id='fb-root'></div>
        <script>
            (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&appId=APPID';
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
        </script>

これもうまくいきます。ただし、JS が /fb_redirect.php へのリダイレクトをトリガーする方法が見つかりません。古い例では、

FB.Event.subscribe('auth.login', function(response) {
      window.location = '/fb_redirect.php';
   });

うまくいきました。しかし、PHP がセッションを開始し、ユーザーの FB 情報の一部を DB に挿入できるように、ユーザーを /fb_redirect.php にリダイレクトする必要があります。

4

2 に答える 2

1

ここにあなたのデフォルトのパラメータがあります

<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
  appId      : <?php echo $facebook->getAppID() ?>,
  status     : false,
  cookie     : true,
  xfbml      : true
 });
};

(function(d){
 var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
 if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/en_US/all.js";
 ref.parentNode.insertBefore(js, ref);
}(document));

これが私のカスタム fb_login 関数です。私のカスタム関数 fb_login () は uid と accessToken の値をフェッチし、残りの操作を行います。今回はログインボタンがクリックされたときのみ発生します。

function fb_login() {
        FB.login(function(response) {
          if (response.status === 'connected') {
            var uid = response.authResponse.userID; 
            var accessToken = response.authResponse.accessToken;
                if ((parseFloat(uid) == parseInt(uid)) && !isNaN(uid)) {
                  window.location = '/fb_redirect.php';

                  }
     }
        });
      }

</script>

ユーザーがFacebookボタンでログインをクリックして正常にログインすると、JS関数fb_login()を呼び出すonloginイベントでFBログインボタンを拡張しました。

<div class="fb-login-button" onlogin="fb_login()"></div>
于 2013-04-25T07:03:06.153 に答える
0

これは、私の特徴的な不注意なエラーであることが判明しました。答えはこの質問の最初の部分にありました。

追加するだけだった

FB.Event.subscribe('auth.login', function(response) {
  window.location = '/fb_redirect.php';

});

于 2013-03-01T18:48:43.720 に答える