# 解决 Flutter + Supabase Google 登录被 App Store 拒绝的问题 ## 问题背景在提交 Flutter 应用到 App Store 审核时，收到了 Apple 审核团队的拒绝通知。原因是应用中的 Google 登录功能打开了外部浏览器（Safari），违反了 Apple 的审核指南。 Apple 要求第三方登录流程应该在应用内完成，而不是跳转到外部浏览器。 ## 解决截图 ![c5aa25d85eb367747dc43bb4049b25af](https://qtbrebxwuswqwssfhsnd.supabase.co/storage/v1/object/public/article-images/898d6f08-8a2a-437b-947b-ba65b2a6a0a9/1766386606057-npk1vn-c5aa25d85eb367747dc43bb4049b25af.png "c5aa25d85eb367747dc43bb4049b25af")\## 问题分析检查代码后发现，在 `auth_service.dart` 中使用 Supabase 的 OAuth 登录时，`authScreenLaunchMode` 参数被设置为 `LaunchMode.externalApplication`： ```dart // 问题代码 Future signInWithGoogle() async { try { final response = await client.auth.signInWithOAuth( OAuthProvider.google, redirectTo: 'com.pask.app://oauth-callback', authScreenLaunchMode: LaunchMode.externalApplication, // ❌ 会打开外部 Safari ); return response; } catch (e) { rethrow; } } ``` `LaunchMode` 是 `url_launcher` 包提供的枚举，用于控制 URL 的打开方式： | LaunchMode | 说明 | iOS 实现 | | --- | --- | --- | | `externalApplication` | 打开外部应用 | 跳转到 Safari 浏览器 | | `inAppBrowserView` | 应用内浏览器 | 使用 SFSafariViewController | | `inAppWebView` | 嵌入式 WebView | 使用 WKWebView | ## 解决方案将 `LaunchMode.externalApplication` 改为 `LaunchMode.inAppBrowserView`，使用 iOS 的 SFSafariViewController 在应用内完成 OAuth 登录： ```dart // 修复后的代码 Future signInWithGoogle() async { try { final response = await client.auth.signInWithOAuth( OAuthProvider.google, redirectTo: 'com.pask.app://oauth-callback', authScreenLaunchMode: LaunchMode.inAppBrowserView, // ✅ 使用应用内浏览器 ); return response; } catch (e) { rethrow; } } ``` ## 深度链接配置使用 `inAppBrowserView` 时，OAuth 登录成功后需要通过深度链接（Deep Link）回调返回应用。确保以下配置正确： ### iOS 配置 (Info.plist) ```xml CFBundleURLTypes CFBundleTypeRole Editor CFBundleURLName $(PRODUCT_BUNDLE_IDENTIFIER) CFBundleURLSchemes com.pask.app ``` ### Android 配置 (AndroidManifest.xml) ```xml ``` ### Supabase Dashboard 配置在 Supabase 项目的 Authentication > URL Configuration 中，添加重定向 URL： ```plaintext com.pask.app://oauth-callback ``` ## 认证状态监听 Supabase Flutter SDK 会自动监听深度链接回调并触发认证状态变化事件。在 `AuthProvider` 中监听 `onAuthStateChange`： ```dart void _setupAuthListener() { Supabase.instance.client.auth.onAuthStateChange.listen((data) { final event = data.event; final session = data.session; switch (event) { case AuthChangeEvent.signedIn: // OAuth 登录成功，更新用户状态 _user = session?.user; notifyListeners(); break; // ... 其他事件处理 } }); } ``` ## 完整的登录流程使用 `inAppBrowserView` 后，登录流程如下： ```plaintext ┌─────────────────────────────────────────────────────────────────┐ │ Flutter App │ ├─────────────────────────────────────────────────────────────────┤ │ 1. 用户点击 Google 登录按钮 │ │ ↓ │ │ 2. 打开 SFSafariViewController（应用内浏览器） │ │ ↓ │ │ 3. 用户在 Google 页面完成授权 │ │ ↓ │ │ 4. Google 重定向到 Supabase 回调 │ │ ↓ │ │ 5. Supabase 重定向到 com.pask.app://oauth-callback │ │ ↓ │ │ 6. iOS 识别深度链接，自动关闭 SFSafariViewController │ │ ↓ │ │ 7. Supabase SDK 触发 signedIn 事件 │ │ ↓ │ │ 8. AuthProvider 更新状态，UI 自动刷新 │ └─────────────────────────────────────────────────────────────────┘ ``` ## 其他选项：原生 Google Sign-In 如果 `inAppBrowserView` 方案仍有问题，可以考虑使用原生 Google Sign-In，这是 Supabase 官方推荐的方式： ```dart import 'package:google_sign_in/google_sign_in.dart'; Future signInWithGoogle() async { const webClientId = 'YOUR_WEB_CLIENT_ID.apps.googleusercontent.com'; const iosClientId = 'YOUR_IOS_CLIENT_ID.apps.googleusercontent.com'; final GoogleSignIn googleSignIn = GoogleSignIn( clientId: iosClientId, serverClientId: webClientId, ); final googleUser = await googleSignIn.signIn(); final googleAuth = await googleUser!.authentication; return supabase.auth.signInWithIdToken( provider: OAuthProvider.google, idToken: googleAuth.idToken!, accessToken: googleAuth.accessToken, ); } ``` 这种方式会显示原生的 Google 登录弹窗，完全在应用内完成，用户体验更好。 ## 总结 | 方案 | 优点 | 缺点 | | --- | --- | --- | | `externalApplication` | 实现简单 | ❌ 被 App Store 拒绝 | | `inAppBrowserView` | 符合审核要求，实现简单 | 需要正确配置深度链接 | | 原生 Google Sign-In | 最佳用户体验，完全原生 | 需要额外配置 Google Cloud Console | 对于大多数应用，使用 `inAppBrowserView` 是最简单的解决方案。如果追求最佳用户体验，可以考虑实现原生 Google Sign-In。 ## 参考资料 - [Supabase Flutter 文档](https://supabase.com/docs/guides/getting-started/tutorials/with-flutter) - [Supabase Native Mobile Deep Linking](https://supabase.com/docs/guides/auth/native-mobile-deep-linking) - [url_launcher LaunchMode 文档](https://pub.dev/documentation/url_launcher/latest/url_launcher/LaunchMode.html) - [Apple App Store Review Guidelines](https://developer.apple.com/app-store/review/guidelines/)