Flutter中使用Cookies

Cookie 是一种在用户的浏览器中存储的小型文本文件,用于保存有关用户和他们的访问信息。它们通常用于以下目的:

|------|-----------------------------------------------------------------------------------------------------------------------|
| 主要功能 | * 会话管理:保持用户登录状态,例如识别已登录的用户。 * 个性化设置:保存用户的偏好设置,如语言、主题等。 * 跟踪和分析:跟踪用户的行为,以便进行分析和广告投放。 |
| 结构 | * 名称:Cookie 的标识符。 * :与名称关联的数据。 * 过期时间:指定 Cookie 的有效期。 * 路径:定义 Cookie 的有效范围。 * :限制 Cookie 的访问范围。 |
| 工作原理 | * 当用户访问网站时,服务器可以发送 Cookie 到浏览器,浏览器会将其存储。 * 在用户的后续请求中,浏览器会自动将相关 Cookie 发送回服务器,以便进行身份验证或提供个性化服务。 |
| 类型 | * 会话 Cookie:在浏览器关闭时失效。 * 持久性 Cookie:在设定的过期时间之前一直有效。 |

封装Cookies类

import 'dart:html' as html;
 
class Cookies {
  // 单例模式
  static final Cookies _instance = Cookies._internal();
 
  factory Cookies() {
    return _instance;
  }
 
  Cookies._internal(); // 私有构造函数
 
  // 设置 cookie
  static void set(String name, String value,
      {Map<String, dynamic>? attributes}) {
    if (attributes != null && attributes.containsKey('expires')) {
      if (attributes['expires'] is int) {
        final expires =
            DateTime.now().add(Duration(days: attributes['expires']));
        attributes['expires'] = expires.toUtc().toIso8601String();
      }
    }
 
    name = Uri.encodeComponent(name);
    String cookieString = '$name=${Uri.encodeComponent(value)}';
 
    attributes?.forEach((key, value) {
      if (value != null) {
        cookieString += '; $key';
        if (value is String) {
          cookieString += '=${Uri.encodeComponent(value)}';
        }
      }
    });
 
    html.document.cookie = cookieString;
  }
 
  // 获取 cookie
  static String? get(String name) {
    if (name.isEmpty) {
      return null;
    }
 
    var cookies = html.document.cookie?.split('; ') ?? [];
    for (var cookie in cookies) {
      var parts = cookie.split('=');
      var value = parts.sublist(1).join('=');
 
      try {
        var found = Uri.decodeComponent(parts[0]);
        if (name == found) {
          return value;
        }
      } catch (e) {
        // 处理异常
      }
    }
    return null;
  }
 
  // 删除 cookie
  static void remove(String name, {Map<String, dynamic>? attributes}) {
    set(name, '', attributes: {
      ...?attributes,
      'expires': -1, // 设置为 -1,表示立即过期
    });
  }
}

方法描述

方法 入参含义 描述
set (name, value, attributes) name:Cookie 的标识符。 value:与名称关联的数据 attributes:{ //其他配置 expires:过期时间(天),int类型 path:路径,默认是/ } 设置Cookie
remove(name,attributes) name:Cookie 的标识符。 attributes:{ //其他配置 expires:过期时间(天),int类型 path:路径,默认是/ } 删除Cookie
get(name) name:Cookie 的标识符 读取Cookie
相关推荐
沉默璇年41 分钟前
react中useMemo的使用场景
前端·react.js·前端框架
yqcoder1 小时前
reactflow 中 useNodesState 模块作用
开发语言·前端·javascript
2401_882727571 小时前
BY组态-低代码web可视化组件
前端·后端·物联网·低代码·数学建模·前端框架
SoaringHeart1 小时前
Flutter进阶:基于 MLKit 的 OCR 文字识别
前端·flutter
会发光的猪。2 小时前
css使用弹性盒,让每个子元素平均等分父元素的4/1大小
前端·javascript·vue.js
天下代码客2 小时前
【vue】vue中.sync修饰符如何使用--详细代码对比
前端·javascript·vue.js
猫爪笔记2 小时前
前端:HTML (学习笔记)【1】
前端·笔记·学习·html
前端李易安2 小时前
Webpack 热更新(HMR)详解:原理与实现
前端·webpack·node.js
红绿鲤鱼2 小时前
React-自定义Hook与逻辑共享
前端·react.js·前端框架
Domain-zhuo2 小时前
什么是JavaScript原型链?
开发语言·前端·javascript·jvm·ecmascript·原型模式