Flutter网络请求扩展插件simple_http_extension的使用

simple_http_extension 是一个用于 Flutter 的网络请求扩展插件，它基于 http 包进行了封装，提供了更加简洁易用的 API 来处理 HTTP 请求。下面是如何使用 simple_http_extension 插件的详细步骤。

1. 添加依赖

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

dependencies:
  flutter:
    sdk: flutter
  simple_http_extension: ^1.0.0  # 请使用最新版本

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

2. 导入包

在你的 Dart 文件中导入 simple_http_extension 包：

import 'package:simple_http_extension/simple_http_extension.dart';

3. 使用 SimpleHttp 进行网络请求

simple_http_extension 提供了 SimpleHttp 类来简化 HTTP 请求。你可以使用它来发送 GET、POST、PUT、DELETE 等请求。

发送 GET 请求

void fetchData() async {
  try {
    var response = await SimpleHttp.get('https://jsonplaceholder.typicode.com/posts/1');
    if (response.statusCode == 200) {
      print('Response data: ${response.body}');
    } else {
      print('Request failed with status: ${response.statusCode}');
    }
  } catch (e) {
    print('Error: $e');
  }
}

发送 POST 请求

void postData() async {
  try {
    var response = await SimpleHttp.post(
      'https://jsonplaceholder.typicode.com/posts',
      body: {
        'title': 'foo',
        'body': 'bar',
        'userId': 1,
      },
    );
    if (response.statusCode == 201) {
      print('Response data: ${response.body}');
    } else {
      print('Request failed with status: ${response.statusCode}');
    }
  } catch (e) {
    print('Error: $e');
  }
}

设置请求头

你可以通过 headers 参数来设置请求头：

void fetchDataWithHeaders() async {
  try {
    var response = await SimpleHttp.get(
      'https://jsonplaceholder.typicode.com/posts/1',
      headers: {
        'Authorization': 'Bearer your_token_here',
      },
    );
    if (response.statusCode == 200) {
      print('Response data: ${response.body}');
    } else {
      print('Request failed with status: ${response.statusCode}');
    }
  } catch (e) {
    print('Error: $e');
  }
}

处理 JSON 数据

simple_http_extension 还提供了 jsonDecode 方法来简化 JSON 数据的解析：

void fetchJsonData() async {
  try {
    var response = await SimpleHttp.get('https://jsonplaceholder.typicode.com/posts/1');
    if (response.statusCode == 200) {
      var jsonData = SimpleHttp.jsonDecode(response.body);
      print('Post title: ${jsonData['title']}');
    } else {
      print('Request failed with status: ${response.statusCode}');
    }
  } catch (e) {
    print('Error: $e');
  }
}

4. 错误处理

simple_http_extension 会自动处理一些常见的网络错误，但你仍然可以通过 try-catch 来捕获和处理异常。

5. 其他功能

simple_http_extension 还支持其他功能，如设置超时、重试机制等。你可以查看插件的文档来了解更多详细信息。

6. 示例代码

以下是一个完整的示例代码，展示了如何使用 simple_http_extension 进行 GET 和 POST 请求：

import 'package:flutter/material.dart';
import 'package:simple_http_extension/simple_http_extension.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Simple Http Extension Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ElevatedButton(
                onPressed: fetchData,
                child: Text('Fetch Data'),
              ),
              ElevatedButton(
                onPressed: postData,
                child: Text('Post Data'),
              ),
            ],
          ),
        ),
      ),
    );
  }

  void fetchData() async {
    try {
      var response = await SimpleHttp.get('https://jsonplaceholder.typicode.com/posts/1');
      if (response.statusCode == 200) {
        print('Response data: ${response.body}');
      } else {
        print('Request failed with status: ${response.statusCode}');
      }
    } catch (e) {
      print('Error: $e');
    }
  }

  void postData() async {
    try {
      var response = await SimpleHttp.post(
        'https://jsonplaceholder.typicode.com/posts',
        body: {
          'title': 'foo',
          'body': 'bar',
          'userId': 1,
        },
      );
      if (response.statusCode == 201) {
        print('Response data: ${response.body}');
      } else {
        print('Request failed with status: ${response.statusCode}');
      }
    } catch (e) {
      print('Error: $e');
    }
  }
}