Flutter网络请求增强插件extended_http的使用

Flutter网络请求增强插件extended_http的使用

插件介绍

extended_http 是一个支持授权和缓存功能的Flutter HTTP包。它提供了多种API方法，如get、post、put、patch等，并且可以配置多个API域名、存储认证数据、处理未授权请求、设置请求头、请求基URL、请求超时等。

安装依赖

首先，你需要在你的pubspec.yaml文件中添加以下依赖项：

dependencies:
  http: ^0.1.0
  hive: ^2.0.0
  extended_http: ^3.0.0

然后运行以下命令安装依赖：

flutter pub get

示例代码

下面是一个完整的示例代码，展示了如何使用extended_http进行网络请求并实现基本的授权和缓存功能。

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'package:extended_http/extended_http.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      homePage: HomePage(),
    );
  }
}

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

class _HomePageState extends State<HomePage> {
  List<Post> posts = [];

  Future<void> fetchPosts() async {
    final res = await ExtendedHttp().get(ExtendedHttp().createURI('/posts', params: {"_page": "1", "_limit": "1", "q": ""}));
    final data = jsonDecode(res.body) as List<dynamic>;
    setState(() {
      posts = data.map((e) => Post.fromJson(e)).toList();
    });
  }

  [@override](/user/override)
  void initState() {
    super.initState();
    fetchPosts();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Post API'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            fetchPosts();
          },
          child: Text('Fetch Posts'),
        ),
      ),
    );
  }
}

class Post {
  static Future<List<Post>> getAll({
    int page = 1,
    int limit =  a,
    String search = '',
  }) async {
    final uri = ExtendedHttp().createURI('/posts', params: {
      "_page": "$page",
      "_limit": "$limit",
      "q": search,
    });
    final res = await ExtendedHttp().get(uri);
    final dataList = jsonDecode(res.body) as List<dynamic>;
    return dataList.map((e) => Post.fromJson(e)).toList();
  }

  static Future<Post> getDetail(int id) async {
    final uri = ExtendedHttp().createURI('/posts/$id');
    final res = await ExtendedHttp().get(uri);
    final data = jsonDecode(res.body) as Map<String, dynamic>;
    return Post.fromJson(data);
  }

  static Future<Post> create(Post newPost) async {
    final uri = ExtendedHttp().createURI('/posts');
    final res = await ExtendedHttp().post(
      uri,
      body: newPost.toJson(),
    );
    final data = jsonDecode(res.body) as Map<String, dynamic>;
    return Post.fromJson(data);
  }

  static Future<Post> update(Post post) async {
    final uri = ExtendedHttp().createURI('/posts/${post.id}');
    final res = await ExtendedHttp().put(
      uri,
      body: post.toJson()..remove('id'),
    );
    final data = jsonDecode(res.body) as Map<String, dynamic>;
    return Post.fromJson(data);
  }

  static Future<Post> delete(int id) async {
    final uri = ExtendedHttp().createURI('/posts/$id');
    final res = await ExtendedHttp().delete(uri);
    final data = jsonDecode(res.body) as Map<String, dynamic>;
    return Post.fromJson(data);
  }
}