flutter webview_flutter如何设置请求cookie

在使用webview_flutter插件时，如何为WebView请求设置cookie？我尝试通过initialHeaders和cookieManager.setCookie方法，但似乎无法在页面加载时自动携带cookie。请问正确的设置方式是什么？需要处理跨域问题吗？

2 回复

使用CookieManager().setCookie()方法设置请求Cookie。示例代码：

await CookieManager().setCookie(
  WebViewCookie(
    name: 'cookie名',
    value: 'cookie值',
    domain: '域名'
  )
);

需在WebView初始化前设置，确保Cookie生效。

更多关于flutter webview_flutter如何设置请求cookie的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在 Flutter 中使用 webview_flutter 插件设置请求 Cookie 的方法如下：

1. 使用 CookieManager 设置 Cookie

通过 CookieManager 类可以在 WebView 加载 URL 前设置 Cookie。

步骤：

  • 导入 webview_flutter 包。
  • 使用 CookieManager().setCookie() 方法设置 Cookie。
  • 在 WebView 中加载目标 URL。

示例代码：

import 'package:webview_flutter/webview_flutter.dart';

// 设置 Cookie 并加载 WebView
Future<void> setCookieAndLoad() async {
  final cookieManager = CookieManager();
  
  // 设置 Cookie（替换为你的域名和 Cookie 数据）
  await cookieManager.setCookie(
    WebViewCookie(
      name: "session",  // Cookie 名称
      value: "abc123",  // Cookie 值
      domain: "example.com", // 域名（必填）
    ),
  );

  // 初始化 WebView 控制器并加载 URL
  final controller = WebViewController();
  await controller.loadRequest(Uri.parse('https://example.com'));
}

2. 在 WebView 初始化时设置 Cookie

通过 WebViewController 的 setCookie 方法或在加载请求时添加 Cookie 头。

示例代码：

WebViewController controller = WebViewController()
  ..setJavaScriptMode(JavaScriptMode.unrestricted)
  ..loadRequest(
    Uri.parse('https://example.com'),
    headers: {'Cookie': 'session=abc123'}, // 通过 headers 传递 Cookie
  );

注意事项：

  1. 域名匹配：设置的 Cookie 必须与 WebView 加载的 URL 域名一致，否则会被忽略。
  2. 路径和过期时间：可通过 WebViewCookie 的 path 和 expires 属性进一步配置。
  3. 权限：确保 Android 和 iOS 配置正确（如 Android 的 android:usesCleartextTraffic 若需要 HTTP）。

清除 Cookie：

// 清除所有 Cookie
await CookieManager().clearCookies();

通过以上方法，可以灵活地为 WebView 设置请求所需的 Cookie。

回到顶部