Flutter网络请求插件easy_http的使用

Flutter网络请求插件easy_http的使用

特性

• 请求数据首先从缓存返回，并更新缓存。

开始使用

要开始使用 easy_http 插件，首先需要在 pubspec.yaml 文件中添加依赖：

dependencies:
  easy_http: ^latest_version

然后在项目根目录下运行以下命令来安装插件：

flutter pub add easy_http

使用方法

easy_http 提供了简单的 API 来进行 HTTP 请求。下面是一个基本的 GET 请求示例：

import 'package:easy_http/easy_http.dart';

void fetchData() async {
  try {
    // 发起 GET 请求
    final response = await EasyHttp.get('https://jsonplaceholder.typicode.com/posts/1');
    
    // 检查响应状态码
    if (response.statusCode == 200) {
      print('Response data: ${response.data}');
    } else {
      print('Failed to fetch data. Status code: ${response.statusCode}');
    }
  } catch (e) {
    print('Error: $e');
  }
}

完整示例 Demo

下面是一个完整的 Flutter 应用程序示例，展示了如何使用 easy_http 进行网络请求并显示结果。

import 'dart:developer';

import 'package:easy_http/config/default_easy_http_config.dart';
import 'package:easy_http/easy_http.dart';
import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';

void main() async {
  // 初始化 easy_http 并配置默认的 JSON 解析器
  await EasyHttp.init(config: DefaultEasyHttpConfig(JsonConvert.fromJsonAsT));

  // 添加拦截器用于日志记录和错误处理
  EasyHttp.addInterceptor(InterceptorsWrapper(
    onError: (DioException e, ErrorInterceptorHandler handler) {
      log("Error: ${e.message}");
      handler.next(e);
    },
    onRequest: (RequestOptions options, RequestInterceptorHandler handler) {
      log("Send request: ${options.uri}");
      return handler.next(options);
    },
    onResponse: (Response response, ResponseInterceptorHandler handler) {
      log("Received response: ${response.statusCode}");
      return handler.next(response);
    },
  ));

  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: const [
        GlobalMaterialLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: const [
        Locale('en'), // 英语
        Locale('zh'), // 中文
      ],
      title: 'EasyHttp 示例',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: TestPage(),
    );
  }
}

class TestPage extends StatefulWidget {
  const TestPage({Key? key}) : super(key: key);

  [@override](/user/override)
  _TestPageState createState() => _TestPageState();
}

class _TestPageState extends State<TestPage> {
  String _data = '点击按钮加载数据';

  Future<void> _fetchData() async {
    try {
      // 发起 GET 请求
      final response = await EasyHttp.get('https://jsonplaceholder.typicode.com/posts/1');

      // 更新 UI
      setState(() {
        _data = response.data.toString();
      });
    } catch (e) {
      setState(() {
        _data = '请求失败: $e';
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('EasyHttp 示例'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(_data),
            ElevatedButton(
              onPressed: _fetchData,
              child: const Text('加载数据'),
            ),
          ],
        ),
      ),
    );
  }
}