Facebook API javascript FB.logout拒绝在一个框架中显示“https://www.facebook.com/home.php”,因为它将“X-Frame-Options”

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Facebook API javascript FB.logout拒绝在一个框架中显示“https://www.facebook.com/home.php”,因为它将“X-Frame-Options”，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3390字，纯文字阅读大概需要5分钟。

内容图文

我在使用Facebook SDK javascript v2.9进行注销时遇到问题,我正在做一个AngularJS应用程序,我在HTML中加载API并将Facebook API实现到Controller中.

当我在onclick操作中执行FB.logout()时,我收到以下错误：

拒绝在框架中显示”,因为它将’X-Frame-Options’设置为’deny’

HTML代码

   <div class="top-content">      
    <!--content-->
    <fb:login-button class="btn-login" scope="public_profile,email" 
      onlogin="doFbLogin();" data-button-type="continue_with" data-
      auto-logout-link="false" data-use-continue-as="true" data-
      size="large">
    </fb:login-button>
    <button onclick="FB.logout()" class="btn">Logout</button>    
   </div>

    <script>  
        window.fbAsyncInit = function() {
            FB.init({
                appId            : 'API-KEY',
                autoLogAppEvents : true,
                status           : true,
                xfbml            : true,
                version          : 'v2.9'
          });
          FB.AppEvents.logPageView();
      };


      (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/es_ES/sdk.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));   

    </script>

AngularJS控制器代码

appController.controller('LoginCtrl', ['$scope','$window','$location','$http','sendLoginParams','checkCreds', 'setCreds','setUserSession',
    function LoginCtrl($scope, $window,$location,$http, sendLoginParams, checkCreds, setCreds, setUserSession){   
        $scope.loggin = true;        
        $window.doFbLogin = function (){                          
            var fb_token;

            function checkLoginState() {
                $window.FB.getLoginStatus(function(response) {
                    fb_token = response.authResponse.accessToken;
                    statusChangeCallback(response);
                });
            };
            function statusChangeCallback(response) {
                console.log('statusChangeCallback');
                console.log(response);

                if (response.status === 'connected') {                      
                  facebookLogin();
                }
            }



            facebookLogin = function () {                
                $window.FB.api('/me',{ fields: 'id, name, email' }, function(response) {
                    console.log(response);
                    console.log('Successful login for: ' + response.name);
                    console.log('Successful login for: ' + response.email);
                    var id = parseInt(response.id);  
                    var postData = {
                        "user_fb_id":id,                
                        "user_fb_token": fb_token,
                        "user_email":response.email,
                        "user_avatar":"http://graph.facebook.com/" + response.id + "/picture?type=normal",
                    };


                    $http.post("http://localhost:8080/webserver/rest/usrs/fblogin",postData,
                        {
                            'Content-Type':'application/json'
                        }
                    ).success(function (success){

                        var resp = JSON.stringify(success);
                        var objResp = JSON.parse(resp);                    
                        if(objResp.user_online){                                                    
                            setCreds(success.user_alias,success.user_password);                        
                            setUserSession(success);                        
                            $location.path("/");
                        }                 

                    })
                    .error(function (failures){                 
                        console.error(failures);
                    }); 


                });                

            };                

            checkLoginState();                           
        };

    }
]);

解决方法:

解决方案非常简单.您只需调用http delete方法来注销URl.
原型代码是这样的(Angular代码)
(用从facebook检索到的access_token替换${token}.

url = "https://graph.facebook.com/v2.7/me/permissions?access_token=${token}{"success":true}";
http.delete(url).then(response => {
    // do something, clean up, whatever.
}).catch(error => {
   console.log(" something wrong, cannot log out");
};

使用您的代码,我想你可以通过这样做注销：

 $window.FB.api('me/permissions?success:true', 'delete', function(response => {
    console.log('Log out').

//做你想做的事
    }));

内容总结

以上是互联网集市为您收集整理的Facebook API javascript FB.logout拒绝在一个框架中显示“https://www.facebook.com/home.php”,因为它将“X-Frame-Options”全部内容，希望文章能够帮你解决Facebook API javascript FB.logout拒绝在一个框架中显示“https://www.facebook.com/home.php”,因为它将“X-Frame-Options”所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端