Flutter WebView Cookie管理插件webview_cookie_jar的使用

webview_cookie_jar

通过原生WebView管理Cookie。任何Cookie操作都会影响WebView，并且WebView中的任何Cookie操作也会影响这个Cookie。这将使应用中的Cookie与WebView中的Cookie完全一致。

支持平台：iOS、Android。

使用方法

WebViewCookieJar.cookieJar 获取一个 CookieJar。有关用法，请参阅 cookie_jar。

与dio结合使用

import 'package:dio/dio.dart';
import 'package:webview_cookie_jar/webview_cookie_jar.dart';

void main() async {
  final dio = Dio();
  dio.interceptors.add(CookieManager(WebViewCookieJar.cookieJar));
}

注意：delete(Uri uri, [bool withDomainSharedCookie = false]) 方法未实现，调用此方法将不会执行任何操作，请改用 deleteCookie 方法。

完整示例代码

以下是一个完整的示例代码，展示了如何使用 webview_cookie_jar 管理WebView中的Cookie。

import 'dart:io';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:webview_cookie_jar/webview_cookie_jar.dart';
import 'package:webview_flutter/webview_flutter.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  late final WebViewController controller;

  [@override](/user/override)
  void initState() {
    super.initState();
    // 初始化WebView控制器
    controller = WebViewController()
      ..setJavaScriptMode(JavaScriptMode.unrestricted) // 允许运行JavaScript
      ..loadRequest(Uri.parse('https://flutter.dev')); // 加载目标URL
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('WebView Cookie管理示例'),
        ),
        body: Builder(
          builder: (context) {
            return Center(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  // 显示WebView
                  Expanded(
                    child: WebViewWidget(
                      controller: controller,
                    ),
                  ),
                  // 获取Dart端的Cookie
                  CupertinoButton(
                    child: const Text("获取Dart端的Cookie"),
                    onPressed: () async {
                      final cookies = await WebViewCookieJar.cookieJar.loadForRequest(Uri.parse("https://flutter.dev"));
                      if (!context.mounted) {
                        return;
                      }
                      // 弹出对话框展示Cookie
                      showGeneralDialog(
                        context: context,
                        pageBuilder: (context, animation, secondaryAnimation) {
                          return Center(
                            child: Material(
                              color: Colors.transparent,
                              child: Container(
                                color: Colors.white,
                                child: Column(
                                  mainAxisSize: MainAxisSize.min,
                                  children: [
                                    const Text("Cookies"),
                                    ...cookies.map((e) => Text(e.toString())), // 展示每个Cookie
                                    TextButton(
                                      onPressed: () {
                                        Navigator.of(context).pop(); // 关闭弹窗
                                      },
                                      child: const Text("关闭"),
                                    ),
                                  ],
                                ),
                              ),
                            ),
                          );
                        },
                      );
                    },
                  ),
                  // 获取WebView端的Cookie
                  CupertinoButton(
                    child: const Text("获取WebView端的Cookie"),
                    onPressed: () {
                      controller.runJavaScriptReturningResult("document.cookie").then((value) {
                        if (context.mounted == false) {
                          return;
                        }
                        // 弹出对话框展示WebView中的Cookie
                        showGeneralDialog(
                          context: context,
                          pageBuilder: (context, animation, secondaryAnimation) {
                            return Center(
                              child: Material(
                                color: Colors.transparent,
                                child: Container(
                                  color: Colors.white,
                                  child: Column(
                                    mainAxisSize: MainAxisSize.min,
                                    children: [
                                      const Text("Cookies"),
                                      Text(value.toString().split(";").join("\n"), textAlign: TextAlign.center), // 按分号分割并换行展示
                                      TextButton(
                                        onPressed: () {
                                          Navigator.of(context).pop(); // 关闭弹窗
                                        },
                                        child: const Text("关闭"),
                                      ),
                                    ],
                                  ),
                                ),
                              ),
                            );
                          },
                        );
                      });
                    },
                  ),
                  // 设置Dart端的Cookie
                  CupertinoButton(
                    child: const Text("设置Dart端的Cookie"),
                    onPressed: () async {
                      final cookie = Cookie("cookie1", "value1"); // 创建一个新的Cookie
                      cookie.domain = "flutter.dev"; // 设置Cookie的域名
                      cookie.path = "/"; // 设置Cookie的路径
                      cookie.httpOnly = false; // 设置Cookie是否为HTTP-only
                      cookie.secure = true; // 设置Cookie是否仅通过HTTPS传输
                      await WebViewCookieJar.cookieJar.saveFromResponse(Uri.parse("https://flutter.dev"), [cookie]); // 将Cookie保存到WebView中
                    },
                  ),
                  // 设置WebView端的Cookie
                  CupertinoButton(
                    child: const Text("设置WebView端的Cookie"),
                    onPressed: () {
                      controller.runJavaScript("document.cookie = 'cookie2=value2; domain=flutter.dev; path=/; secure';"); // 直接在WebView中设置Cookie
                    },
                  ),
                ],
              ),
            );
          },
        ),
      ),
    );
  }
}