Flutter WebView中Google身份验证无法正常使用问题求助

以下是几个可行的修复方案：

• 开启第三方Cookie支持
  Google登录依赖第三方Cookie完成验证，但默认WebView会限制该功能。如果使用webview_flutter包，初始化WebView时可添加如下配置：

  WebView(
    initialUrl: 'https://www.boat-lifestyle.com/',
    javascriptMode: JavascriptMode.unrestricted,
    onWebViewCreated: (WebViewController controller) async {
      // 强制设置Cookie的SameSite属性，允许跨域验证
      await controller.runJavascript('document.cookie = "SameSite=None; Secure"');
    },
  )
  

  若使用flutter_inappwebview，可通过CookieManager配置：

  await CookieManager.instance().setCookie(
    url: Uri.parse('https://accounts.google.com/'),
    name: 'SameSite',
    value: 'None',
    isSecure: true,
  );
  

• 修改WebView的User-Agent
  部分网站会识别WebView的UA标识，阻止非浏览器环境的登录请求。你可以将UA设置为主流移动端浏览器的标识，示例如下：

  WebView(
    initialUrl: 'https://www.boat-lifestyle.com/',
    javascriptMode: JavascriptMode.unrestricted,
    userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Mobile/15E148 Safari/604.1',
  )
  

• 检查Google OAuth配置
  如果Boat官网采用Google OAuth登录机制，需确保在Google Cloud Console中，将Flutter应用的Android包名、iOS Bundle ID添加至OAuth客户端的授权列表，并开启对应平台的支持权限。

• 换用原生Google登录插件
  若WebView的限制难以绕过，建议直接使用google_sign_in插件实现原生Google登录，获取登录凭证后传递给Boat官网的接口完成登录流程，这种方式更稳定且符合隐私规范。

内容的提问来源于stack exchange，提问作者Amit Kumar