javascript - Facebook 登录 JS - FB.Event.subscribe ('auth.login' ) 在没有登录按钮点击的情况下触发-6ren

javascript - Facebook 登录 JS - FB.Event.subscribe ('auth.login' ) 在没有登录按钮点击的情况下触发

转载作者：可可西里更新时间：2023-11-01 02:40:34

26

4

我正尝试在我的网站上实现 log-in-with-facebook 功能，真的需要你的帮助。

基本上，我正在努力实现以下目标:

如果用户之前已经确认该应用程序并单击 FB 登录按钮在我的网站上，他们登录到该网站(与网站的用户与 Facebook 用户 ID 关联的帐户)
如果用户之前未确认应用程序，则在 FB 登录(并订阅应用程序)时，他们将被重定向到网站的注册页面。这里的表单预先填写了用户数据通过 Facebook 访问，注册过程变得更加简单快捷。

我正在使用下面的代码。

<body>

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
        FB.init({
          appId: 'xxxxxxxx',
          status: true,
          cookie: true, 
          xfbml: true,
          oauth: true
        });

        FB.Event.subscribe('auth.login', function(response) {
              if (response.status === 'connected') {
                    var uid = response.authResponse.userID;
                    var accessToken = response.authResponse.accessToken;

                    if ((parseFloat(uid) == parseInt(uid)) && !isNaN(uid)) {
                        $.ajax({
                            url: '/user_actions/prep_facebook_registration',
                            cache: false,
                            type: 'POST',
                            data: { 'uid': uid, 'token': accessToken },
                            dataType: 'json',
                            success: function(data) {
                                if (data.success=='true') {
                                    if ((typeof(data.redirect) != 'undefined')) {
                                        window.location=data.redirect;
                                    }
                                }
                            }
                        });
                    }
              }
        });

        FB.Event.subscribe('auth.logout', function(response) {
            FB.getLoginStatus(function(res) {
                if (!res.authResponse) {
                    window.location='/access/logout';
                }
            });
        });

        FB.getLoginStatus(function(response) {
          if (response.status === 'connected') {
            var uid = response.authResponse.userID;
            var accessToken = response.authResponse.accessToken;
            //not doing anything so far
          }
        });
      };
            (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'));
</script>

登录按钮位于网站的更下方:

<div class="fb-login-button" autologoutlink="true" data-show-faces="false" data-width="166" data-max-rows="1" style="position: absolute; top: 5px; right: 0;" scope="email"></div>

这里的问题是 FB.Event.subscribe('auth.login') 不仅在点击 FB 登录按钮时触发，而且在用户登录 Facebook 并且仅在访问我的网站后触发。这会导致重定向到注册页面或重新加载当前页面，即使用户没有单击登录按钮也是如此!

'/user_actions/prep_facebook_registration' 包含一个脚本，它正在检查成员(member)是否必须被重定向到注册页面或是否应该使用本地帐户登录。它返回要重定向的 URL。

我做错了什么？如何避免 FB.Event.subscribe('auth.login') 在登录按钮点击之外被触发？

最佳答案

其实，还有更好的解决办法。

有两件事你可以做得更好:

在您的 FB.init 方法中，您正在设置 status: true。这告诉页面它应该在页面加载后立即检查用户是否登录了 facebook。在您的情况下，不仅您不需要它 - 它会占用访问者的一些带宽来往返 Facebook，而您实际上并不需要。
您无需记住 uid 和 accessToken 变量，因为您可以使用 FB.getLoginStatus 方法按需获取它们。

基于您的示例代码的完整解决方案是:

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'YOUR APP ID',
      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));

   function Facebook_login () {
      FB.getLoginStatus(function(response) {
         if (response.status === 'connected') {
            var uid = response.authResponse.userID;
            var accessToken = response.authResponse.accessToken;
            if ((parseFloat(uid) == parseInt(uid)) && !isNaN(uid)) {
               $.ajax({
                   url: '/user_actions/prep_facebook_registration',
                   cache: false,
                   type: 'POST',
                   data: { 'uid': uid, 'token': accessToken },
                   dataType: 'json',
                   success: function(data) {
                      if (data.success=='true') {
                          if ((typeof(data.redirect) != 'undefined')) {
                              if (data.redirect=='current') {
                                  location.reload();
                              } else {
                                  window.location=data.redirect;
                              }
                          }
                      }
                   }
               });
            }
         }
      }
   }
</script>

<div class="fb-login-button" onlogin="Facebook_login()" autologoutlink="true" [parameters]></div>

关于javascript - Facebook 登录 JS - FB.Event.subscribe ('auth.login' ) 在没有登录按钮点击的情况下触发，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9110519/

26

4

0

文章推荐： javascript - jQuery Ajax 请求错误 404(未找到)但它有效

文章推荐： java - 解析 csv，不要在单引号或双引号内分割

文章推荐： javascript - Arbor Js - 节点点击？

javascript - event.clientX 和 event.clientY 与 event.x 和 event.y
当检测鼠标x和y坐标时，最好像这样使用event.clientX和event.clientY: function show_coords(event){ var x=event.clientX;
javascript - Event.target、Event.toElement 和 Event.srcElement 之间有什么区别？
我有以下代码: document.oncontextmenu = function(evt) { evt = evt || window.event; console.log(evt.
events - 我需要一个类比 : Triggers and Events
对于另一个问题，我遇到了一个似乎偶尔出现在 SO 的误解。一些提问者似乎认为触发器之于数据库就像事件之于 OOP 一样。有没有人有一个很好的类比来解释为什么这是一个有缺陷的比较，以及误用它的后果？
events - 如何获取删除键的 event.keyCode？
$('body').keypress(function(event){ if(event.keyCode == 46){console.log('Delete Key Pressed')};
events - 事件上的奇怪行为(Html.Events.on)
我正在制作一个“流体”文本区域，它根据内容调整其高度。我实际上正在尝试实现 this脚本。我有以下代码:https://ellie-app.com/Vjtvm6yrKWa1/4 问题是，当增加高度时，
events - 拉斐尔JS : how to remove events?
我使用 Raphael .mouseover() 和 .mouseout() 事件来突出显示 SVG 中的某些元素。这工作正常，但在我单击一个元素后，我希望它停止突出显示。在 Raphael doc
events - 重复 "Events"(日历)
我目前正在开发一个应用程序，允许人们为在线广播电台安排“节目”。我希望用户能够设置重复事件，例如:- “躁狂星期一”节目 - 每周一 9 点至 11 点“月中疯狂” - 每个月的第二个星期四“本月新
mysql - SQL硬查询: events between other events
我有以下三个表格(简化版本): 已加载关卡: id(整数、主键、自动增量) globalId(整数，键) 日期(日期时间、键) serverId(Int，键) gamemodeId(Int，Key)
python gevent.event.Event
在我阅读 Gevent Tutorial 之后，我有一个关于 gevent.event.Event 的问题。 Event.set() 是否会唤醒所有被 Event.wait() 阻塞的函数？就像下面
php - UsersController::beforeFilter() 的声明应该与 AppController::beforeFilter(Cake\Event\Event $event) 兼容
我对 cakephp ver3.1.3 没有经验我按照说明实现了登录认证功能； http://book.cakephp.org/3.0/en/tutorials-and-examples/blog-
android - "CleverTap"Can 't see "Event Property"filter in Filter by event property in some events
现在，我发送 10 个事件，每个事件有 1 个属性。但是当我想过滤特定事件并按属性选择事件时，在“事件属性”过滤器中仅显示前 7 个事件，而我为其余事件添加的事件仅显示“第一次”过滤器，为什么？最佳
asp.net - FireFox 和 javascript 问题(event.keyCode 或 event.charCode 或 event.which 不起作用)
我不知道我的 Firefox 发生了什么! 我的aspx和javascript代码是这样的: function a() { alert(
clojure - Re-frame 中的 reg-event-db、reg-event-fx 和 reg-event-ctx 有什么区别？
中有3个事件fns重装，我可以对两者做同样的事情 reg-event-db和 reg-event-fx . reg-event-db之间的主要区别是什么, reg-event-fx和 reg-eve
javascript - event.keycode 与 event.which
我遇到了 Firefox keydown 行为，因为在没有聚焦于特定字段的情况下按下 Enter 键(实际上是任何键)不会触发 keydown 事件只会触发`按键事件。这可能会非常令人困惑，因为 k
events - 如何在 UML 类图中表示 "event"？
这是我的代码片段 public class Notation : INotifyPropertyChanged { public event PropertyChangedEventHandl
events - 多个 tags
我可以在一个 Jsf2 xhtml 文件中有多个标签吗？在那种情况下，关联的监听器将以什么顺序被调用？ Mojarra 2.1.1/Apache Tomcat 7.0.22/PrimeFaces 3
events - 多个 tags
我可以在一个 Jsf2 xhtml 文件中有多个标签吗？在那种情况下，关联的监听器将以什么顺序被调用？ Mojarra 2.1.1/Apache Tomcat 7.0.22/PrimeFaces 3
events - jQuery event.stopPropagation 不适用于
我有以下 JavaScript: $('#ge-display').click(function (event) { window.open('/googleearth/ge-display.ph
events - 我可以将哪些属性与 event.target 一起使用？
我需要确定触发事件的元素。使用 event.target 获取相应的元素。我可以从那里使用哪些属性？引用编号节点名我找不到关于它的大量信息，即使在 jQuery 上也是如此页，所以希望有人
Faster version of 'pygame.event.get()'. Why are events being missed and why are the events delayed?(更快版本的‘pygame.vent.get()’。为什么错过了比赛，为什么比赛被推迟了？)
我在pyGame中创建了一个Asteroidz克隆，并在pygame.vent.get()循环中有两个for Event，一个用于检查退出请求，以及游戏是否应该通过按空格键开始，然后在游戏中进一步尝试

首页

博学

6Ren·AI

商城

javascript - Facebook 登录 JS - FB.Event.subscribe ('auth.login' ) 在没有登录按钮点击的情况下触发