Laravel Socialite集成Facebook登录后，如何同步注销应用与Facebook会话？

我之前也踩过这个坑，Facebook的注销机制对参数和权限的验证挺严格的，你之前用logout.php的方案没生效，大概率是token无效或者next参数不在Facebook的允许列表里。结合Laravel Socialite的场景，给你两种可靠的实现方式：

方式一：服务器端重定向实现 #

这种方式需要你在用户登录时保存Facebook的access token，然后注销时构造合法的跳转链接：

1. 登录时保存用户的Facebook Access Token
   当用户通过Socialite完成Facebook登录回调时，一定要把返回的token存在数据库里（比如给users表加个facebook_access_token字段）。示例代码：

   // 你的Facebook登录回调方法
   public function handleFacebookCallback()
   {
       $facebookUser = Socialite::driver('facebook')->user();
       // 找到或创建本地用户，同时保存token
       $localUser = User::updateOrCreate(
           ['facebook_id' => $facebookUser->id],
           [
               'name' => $facebookUser->name,
               'email' => $facebookUser->email,
               'facebook_access_token' => $facebookUser->token // 关键：保存用户的Facebook token
           ]
       );
       Auth::login($localUser);
       return redirect()->route('home');
   }
   

2. 构造合法的注销URL并跳转
   在Laravel的注销方法里，先处理本地会话注销，再跳转到Facebook的注销页面。注意：next参数必须是你在Facebook开发者后台配置的合法域名（比如应用首页），否则Facebook会忽略这个参数直接跳转到自己的首页。

   public function logout(Request $request)
   {
       // 先注销本地Laravel会话
       Auth::logout();
       $request->session()->invalidate();
       $request->session()->regenerateToken();
   
       // 获取用户保存的Facebook token
       $facebookToken = Auth::user()?->facebook_access_token;
       if ($facebookToken) {
           // 构造Facebook注销URL，注意urlencode处理next地址
           $facebookLogoutUrl = sprintf(
               "https://www.facebook.com/logout.php?next=%s&access_token=%s",
               urlencode(route('home')),
               $facebookToken
           );
           return redirect()->away($facebookLogoutUrl);
       }
   
       // 如果没有Facebook token，直接跳转首页
       return redirect()->route('home');
   }
   

方式二：使用Facebook JS SDK实现（更稳定） #

服务器端的token可能会过期，用前端JS SDK的方式更可靠，因为它会直接操作浏览器里的Facebook cookie：

1. 在页面引入Facebook JS SDK
   在应用的布局模板里添加SDK脚本（替换成你的App ID）：

   <script>
     window.fbAsyncInit = function() {
       FB.init({
         appId      : '你的Facebook App ID',
         cookie     : true, // 启用cookie以保持会话
         xfbml      : true,
         version    : 'v18.0' // 用Facebook最新的API版本号
       });
     };
   
     (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 = "https://connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
   </script>
   

2. 前端触发注销流程
   给注销按钮绑定点击事件，先调用Facebook的注销方法，再请求Laravel的注销接口：

   document.getElementById('logout-btn').addEventListener('click', function(e) {
     e.preventDefault();
     // 先关闭Facebook会话
     FB.logout(function(response) {
       // 会话关闭后，跳转到Laravel的注销路由
       window.location.href = "{{ route('logout') }}";
     });
   });
   

   此时Laravel的注销方法只需要处理本地会话即可：

   public function logout(Request $request)
   {
       Auth::logout();
       $request->session()->invalidate();
       $request->session()->regenerateToken();
       return redirect()->route('home');
   }
   

常见问题排查 #

• 如果服务器端方案还是失效：检查facebook_access_token是否有效（可以用Facebook Graph API测试），同时确保next参数的域名已经添加到Facebook开发者后台的「Facebook登录」->「设置」->「有效的OAuth重定向URI」里。
• 如果需要长期有效token：登录时要给Socialite添加offline_access权限，然后用短期token去换取长期token（具体可以看Facebook的Graph API文档）。

内容的提问来源于stack exchange，提问作者miguelug