如何让Supabase在同邮箱跨登录提供商登录时返回认证错误？

核心思路 #

在用户发起第三方登录（如Apple/Google）前，先通过邮箱查询该邮箱已关联的认证提供商。如果该邮箱已绑定其他目标提供商，则阻止当前登录操作并给出对应提示；否则正常完成登录流程。

具体实现步骤 #

1. 前置准备 #

确保Supabase Auth已正确配置Google和Apple登录提供商，Flutter项目已集成supabase_flutter包，且第三方登录流程能正常执行。

2. 封装邮箱关联提供商查询方法 #

实现方法通过邮箱获取该账号已绑定的所有登录提供商：

Future<List<String>?> getLinkedProviders(String email) async {
  try {
    final response = await supabase.auth.fetchSignInMethodsForEmail(email);
    return response;
  } catch (e) {
    print('查询邮箱关联提供商失败: $e');
    return null;
  }
}

3. 修改Apple登录逻辑 #

在触发Apple登录时，先执行邮箱关联检查：

Future<void> signInWithApple() async {
  try {
    // 获取Apple登录凭证及邮箱（需确保Apple登录配置请求了邮箱权限）
    final appleCredential = await SignInWithApple.getAppleIDCredential(
      scopes: [
        AppleIDAuthorizationScopes.email,
        AppleIDAuthorizationScopes.fullName,
      ],
    );

    final email = appleCredential.email;
    if (email == null) {
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('无法获取邮箱，请检查Apple账号设置')),
      );
      return;
    }

    // 查询邮箱已关联的提供商
    final providers = await getLinkedProviders(email);
    if (providers != null && providers.contains('google')) {
      // 邮箱已绑定Google，阻止登录并提示
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('该邮箱已存在，请使用Google登录')),
      );
      return;
    }

    // 检查通过，执行Apple登录
    await supabase.auth.signInWithOAuth(
      OAuthProvider.apple,
      credentials: OAuthCredentials(
        idToken: appleCredential.identityToken,
        accessToken: appleCredential.authorizationCode,
      ),
    );

    // 登录成功后的业务逻辑（如跳转首页）
  } catch (e) {
    print('Apple登录失败: $e');
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text('登录失败: ${e.toString()}')),
    );
  }
}

4. 修改Google登录逻辑 #

对Google登录做相同的关联检查，避免交叉绑定：

Future<void> signInWithGoogle() async {
  try {
    // 获取Google登录用户信息
    final googleUser = await GoogleSignIn().signIn();
    if (googleUser == null) return;
    final email = googleUser.email;

    // 查询邮箱已关联的提供商
    final providers = await getLinkedProviders(email);
    if (providers != null && providers.contains('apple')) {
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('该邮箱已存在，请使用Apple登录')),
      );
      return;
    }

    // 执行Google登录
    final googleAuth = await googleUser.authentication;
    await supabase.auth.signInWithOAuth(
      OAuthProvider.google,
      credentials: OAuthCredentials(
        accessToken: googleAuth.accessToken,
        idToken: googleAuth.idToken,
      ),
    );

    // 登录成功后的业务逻辑
  } catch (e) {
    print('Google登录失败: $e');
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text('登录失败: ${e.toString()}')),
    );
  }
}

5. 注意事项 #

• 必须确保Apple/Google登录配置中请求了邮箱权限，否则无法获取用户邮箱进行检查。
• 处理fetchSignInMethodsForEmail的异常场景，比如网络错误、邮箱格式无效等。
• 针对Apple账号“隐藏我的邮箱”的情况，需额外提示用户使用已绑定的登录方式。

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