谷歌登录vuejs spa和laravel api

Question

我有一个单页面应用程序vue.js,Laravel 5.5用作api.我想添加谷歌登录,但我很困惑,从哪里开始.我以前用过laravel socialite添加谷歌登录,但那是纯粹的laravel应用程序,而不是laravel api.

任何人都可以指出我能阅读的一些资源.是否有类似社交名媛的包,在这种情况下是否有办法使用社交名媛.

Answer 1

看看hellojs

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

所以你的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)
    }
  )

在你的控制器中你可以像这样处理它。

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

希望它能让你更清楚。我只是在努力解决这个问题，hello js 让我的生活变得简单