Flutter Cookie管理插件cookie_wrapper的使用

Flutter Cookie管理插件cookie_wrapper的使用

什么是Cookie Wrapper？

Cookie Wrapper 是一个用于客户端实现 HTTP Cookies 的 Dart 包。它从 Cooky 包派生而来，旨在支持跨平台使用场景（为了加快开发速度）。如果你只需要在 Web 上使用，建议使用 Cooky 包。

使用方法

引入依赖

首先，在你的 pubspec.yaml 文件中添加 cookie_wrapper 依赖：

dependencies:
  cookie_wrapper: ^最新版本号

然后运行 flutter pub get 来安装依赖。

创建和设置Cookie

你可以通过以下方式创建和设置 Cookie：

import 'package:cookie_wrapper/cookie.dart';

void main() async {
  // 创建一个 Cookie 实例
  var cookie = Cookie.create();

  // 设置一个会话 Cookie
  cookie.set('key', 'value'); // 对于非 Web 平台，此操作将返回空值

  // 设置一个有效期为一周的 Cookie
  cookie.set('key', 'value', maxAge: Duration(days: 7));

  // 设置一个特定路径和域名有效的 Cookie
  cookie.set('key', 'value', path: '/test', domain: 'test.com');
}

读取Cookie

你可以通过以下方式读取已设置的 Cookie：

// 读取一个 Cookie
var value = cookie.get('key');
print(value); // 输出 Cookie 的值

删除Cookie

你可以通过以下方式删除已设置的 Cookie：

// 删除一个 Cookie
cookie.remove('key');

完整示例Demo

下面是一个完整的示例代码，展示了如何在 Flutter 应用中使用 cookie_wrapper 插件来管理 Cookie：

import 'package:flutter/material.dart';
import 'package:cookie_wrapper/cookie.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Cookie Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: CookieExamplePage(),
    );
  }
}

class CookieExamplePage extends StatefulWidget {
  [@override](/user/override)
  _CookieExamplePageState createState() => _CookieExamplePageState();
}

class _CookieExamplePageState extends State<CookieExamplePage> {
  final TextEditingController _keyController = TextEditingController();
  final TextEditingController _valueController = TextEditingController();
  String _result = '';

  late Cookie _cookie;

  [@override](/user/override)
  void initState() {
    super.initState();
    _cookie = Cookie.create();
  }

  void _setCookie() {
    setState(() {
      _cookie.set(_keyController.text, _valueController.text);
      _result = 'Cookie set: ${_keyController.text} = ${_valueController.text}';
    });
  }

  void _getCookie() {
    setState(() {
      String? value = _cookie.get(_keyController.text);
      _result = 'Cookie value: $value';
    });
  }

  void _removeCookie() {
    setState(() {
      _cookie.remove(_keyController.text);
      _result = 'Cookie removed: ${_keyController.text}';
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Cookie Demo'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: _keyController,
              decoration: InputDecoration(labelText: 'Key'),
            ),
            TextField(
              controller: _valueController,
              decoration: InputDecoration(labelText: 'Value'),
            ),
            SizedBox(height: 20),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: [
                ElevatedButton(
                  onPressed: _setCookie,
                  child: Text('Set Cookie'),
                ),
                ElevatedButton(
                  onPressed: _getCookie,
                  child: Text('Get Cookie'),
                ),
                ElevatedButton(
                  onPressed: _removeCookie,
                  child: Text('Remove Cookie'),
                ),
              ],
            ),
            SizedBox(height: 20),
            Text(_result),
          ],
        ),
      ),
    );
  }
}