laravel - 在 vuejs spa 和 laravel api 中谷歌登录

Question

我有一个带有 vue.js 的单页应用程序，它使用 Laravel 5.5 作为它的 api。我想添加谷歌登录，但我不知道从哪里开始。我之前使用过 laravel socialite 添加谷歌登录，但那是针对纯 laravel 应用程序而不是 laravel api。

谁能指出一些我可以阅读的资源。有没有像 socialite 这样的包，有没有办法在这种情况下也使用 socialite。

Answer 1

看看hellojs

Hellojs 让一切变得简单。允许您打开一个弹出窗口以使用社交提供商登录并返回访问 token 。然后您在后端使用访问 token 来获取用户。

所以你的 js 看起来像这样

 hello
  .login(network)
  .then(
    () => {
      const authRes = hello(network).getAuthResponse();
      axios
        .get('api/link/to/sociak/callback',{
            params:{
              access_token : authRes.access_token, 
              provider: network
            }
         })
        .then((response) => {console.log(response.data.token)})})
        .catch((error) => {console.log(error.response.data)})
    },
    (e) => {
      console.log(e)
    }
  )

在你的 Controller 中你处理它就像..

public function handleProviderCallback(Request $request)
{
    $s_user = Socialite::with($request->provider)->stateless()->userFromToken($request->access_token);
    //your logic here...
}

希望它能让你更清楚。我只是为此苦苦挣扎，你好 js 让我的生活变得简单