Flutter dio Http请求之Cookie管理

在应用开发过程中,我们进行Http通讯时会使用Cookie 进行验证,今天我们就着重讲解Flutter 网络请求插件diocookie使用。

首先,我们要进行插件引用

Dart 复制代码
# HTTP 请求
dio: ^5.1.1
cookie_jar: ^4.0.8
dio_cookie_manager: ^3.0.0

# 获取沙盒路径
path_provider: ^2.1.1

这里为什么要使用path_provider 这个插件呢,下面在cookie的储存时会做介绍。

引用完,我们执行以下命令

Dart 复制代码
pub get

dio 的使用网上有很多详细资料,这里就不做过多介绍,这里着重讲解一下Cookie的使用。

首先,我们创建一个Cookie管理类CookieHandle,具体实现方式和解释会在代码中进行详解。

代码如下:

Dart 复制代码
import 'dart:io';
import 'package:cookie_jar/cookie_jar.dart';
import 'package:path_provider/path_provider.dart';

class CookieHandle {
  //改为使用 PersistCookieJar,在文档中有介绍,PersistCookieJar将 cookie保留在文件中,因此,如果应用程序退出,则cookie始终存在,除             非显式调用delete
  static PersistCookieJar? _cookieJar;

  /// cookie保存,url 为要储存cookie的某个url
  static Future<void> saveCookie(String url) async {
    Uri uri = Uri.parse(url);
    //获取cookies
    Future<List<Cookie>> cookies =
        (await CookieHandle.cookieJar).loadForRequest(uri);
    cookies.then((value) async {
      /// cookie的储存时存在沙盒路径下
      (await CookieHandle.cookieJar).saveFromResponse(uri, value);
    });
  }

  /// cookie获取
  static Future<PersistCookieJar> get cookieJar async {
    if (_cookieJar == null) {
      Directory appDocDir = await getApplicationDocumentsDirectory();
      _cookieJar = PersistCookieJar(storage: FileStorage(appDocDir.path));
    }
    return _cookieJar!;
  }

  /// cookie删除
  static Future<void> delete() async {
    (await CookieHandle.cookieJar).deleteAll();
  }
}

上述便是Cookie的保存、获取和删除。

那我们在dio中如何使用呢

Dart 复制代码
/// 创建Dio网络请求对象
Dio dio = Dio(baseOptions);
/// 获取Cookie,CookieManager 为插件cookie管理类,CookieHandle.cookieJar 是获取Cookie
dio.interceptors.add(CookieManager(await CookieHandle.cookieJar));

到此我们就完成了Cookie的所有用法。

相关推荐
清源妙木真菌1 小时前
应用层协议——HTTP
网络·网络协议·http
LinXunFeng2 小时前
Flutter - 详情页 TabBar 与模块联动?秒了!
前端·flutter·开源
阅文作家助手开发团队_山神5 小时前
第三章: 解决Android iPad蓝牙键盘联想词UI不跟随光标问题
flutter
阅文作家助手开发团队_山神5 小时前
第四章:Flutter自定义Engine本地依赖与打包流程
前端·flutter
程序员老刘6 小时前
Flutter 3.35 更新要点解析
flutter·ai编程·客户端
M1A17 小时前
TCP协议详解:为什么它是互联网的基石?
后端·网络协议·tcp/ip
阅文作家助手开发团队_山神8 小时前
第一章: Mac Flutter Engine开发准备工作
前端·flutter
EmmaGuo201510 小时前
flutter3.7.12版本设置TextField的contextMenuBuilder的文字颜色
前端·flutter
斯~内克10 小时前
UniApp 页面传参方式详解
网络协议·udp·uni-app
AliciaIr10 小时前
深入理解HTTP:从协议基础到版本演进(上)
前端·http