Flutter网络请求插件httpagent的使用

Flutter网络请求插件httpagent的使用

httpagent 是一个简单易用的Dart包，用于进行HTTP请求。它支持GET、POST、PUT、DELETE和多部分POST请求，并允许自定义头部和请求体。

特性

• 支持GET、POST、PUT、DELETE和多部分POST请求。
• 轻松处理JSON数据和头部。
• 回调函数用于处理任务完成和错误。

安装

在 pubspec.yaml 文件中添加 httpagent：

dependencies:
  httpagent: ^0.0.3

然后运行：

flutter pub get

使用

在你的Dart文件中导入包：

import 'package:httpagent/httpagent.dart';

示例

以下是如何在Flutter应用中使用 httpagent 的示例：

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

class TestScreen extends StatefulWidget {
  const TestScreen({super.key});

  @override
  State<TestScreen> createState() => _TestScreenState();
}

class _TestScreenState extends State<TestScreen> implements NetworkResponce {
  @override
  void onTaskComplete(String result, String caller) {
    // 请求成功时的回调
    print("Result :: $result \nCaller :: $caller");
  }

  @override
  void onTaskError(String error, String caller) {
    // 请求失败时的回调
    print("Error :: $error \nCaller :: $caller");
  }

  // GET 请求
  getData() async {
    NetworkUtils task = NetworkUtils("https://example.com/api", 'getData', this);
    await task.get();
  }

  // POST 请求
  postData() async {
    NetworkUtils task = NetworkUtils("https://example.com/api", 'postData', this);
    await task.post(data: {'key': 'value'});
  }

  // PUT 请求
  putData() async {
    NetworkUtils task = NetworkUtils("https://example.com/api/1", 'putData', this);
    await task.put(data: {'key': 'newValue'});
  }

  // DELETE 请求
  deleteData() async {
    NetworkUtils task = NetworkUtils("https://example.com/api/1", 'deleteData', this);
    await task.delete();
  }

  // 多部分POST 请求
  multipartPostData() async {
    NetworkUtils task = NetworkUtils("https://example.com/upload", 'uploadFile', this);
    await task.multipartPost(
      data: {'description': 'file upload'},
      filePath: '/path/to/file.jpg'
    );
  }

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("HTTP Agent Example"),
      ),
      body: Column(
        children: [
          ElevatedButton(
            onPressed: () {
              getData();
            },
            child: const Text("Fetch Data")
          ),
          ElevatedButton(
            onPressed: () {
              postData();
            },
            child: const Text("Send POST Data")
          ),
          ElevatedButton(
            onPressed: () {
              putData();
            },
            child: const Text("Send PUT Data")
          ),
          ElevatedButton(
            onPressed: () {
              deleteData();
            },
            child: const Text("Delete Data")
          ),
          ElevatedButton(
            onPressed: () {
              multipartPostData();
            },
            child: const Text("Upload File")
          )
        ],
      ),
    );
  }
}

NetworkUtils 类

NetworkUtils 类用于执行HTTP请求。它需要一个URL、一个调用者标识符和一个实现 NetworkResponce 接口的回调对象。

GET 请求

NetworkUtils task = NetworkUtils("https://example.com/api", 'getData', this);
await task.get();

POST 请求

NetworkUtils task = NetworkUtils("https://example.com/api", 'postData', this);
await task.post(data: {'key': 'value'});

PUT 请求

NetworkUtils task = NetworkUtils("https://example.com/api/1", 'putData', this);
await task.put(data: {'key': 'newValue'});

DELETE 请求

NetworkUtils task = NetworkUtils("https://example.com/api/1", 'deleteData', this);
await task.delete();

多部分POST 请求

NetworkUtils task = NetworkUtils("https://example.com/upload", 'uploadFile', this);
await task.multipartPost(
  data: {'description': 'file upload'},
  filePath: '/path/to/file.jpg'
);