Laravel API对接React Native谷歌社交登录遇401错误求助

以下是排查和解决该问题的具体步骤：

1. 先验证Access Token的有效性 #

先确认React Native端获取的access_token是否有效，执行以下命令（替换成你的token）：

curl "https://www.googleapis.com/oauth2/v3/tokeninfo?access_token=YOUR_ACCESS_TOKEN"

如果返回包含error字段，说明token本身无效，需要排查RN端的谷歌登录流程是否正确获取到有效的access_token。

2. 检查谷歌开发者控制台配置 #

• 确保RN应用的客户端ID正确创建：在谷歌云控制台中，为你的React Native应用（Android/iOS）创建对应的OAuth 2.0客户端ID，不要使用Web应用类型的客户端ID。
• 核对Laravel配置：检查config/services.php中的google配置，确保client_id和client_secret与你为RN应用创建的客户端凭证一致（或者属于同一个谷歌云项目）。
• 启用必要的API：确保谷歌云项目中已启用Google People API或OAuth2 API（调用userinfo端点需要依赖这些API）。

3. 检查Socialite调用是否正确 #

• 修正语法错误：你的代码中$accessToken = $request->access_token末尾缺少分号，这会导致PHP语法错误，先补上：

  $accessToken = $request->access_token;
  

• 确认Token类型匹配：如果React Native端使用的登录库（如react-native-google-signin）默认返回的是id_token而非access_token，则需要改用userFromIdToken方法：

  $socialProvider = Socialite::driver($provider)->stateless()->userFromIdToken($accessToken);
  

  注意：id_token用于身份验证，而access_token用于调用谷歌API获取用户信息，两者不能混用。

4. 检查RN端的登录权限范围 #

确保RN谷歌登录时请求了正确的权限范围，至少包含profile和email：

// 示例：react-native-google-signin的权限配置
signIn({
  scopes: ['profile', 'email'],
});

缺少必要权限会导致即使token有效，也无法正常获取用户信息。

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