Flutter网络请求插件hondooye_http的使用

hondooye_http

特性

开始使用

使用

额外信息


```dart
import 'package:flutter/material.dart';
import 'package:hondooye_http/hondooye_http.dart';

import 'theme_notifier.dart';

void main() {
  runApp(ThemeNotifier(child: const MyApp()));
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return ValueListenableBuilder(
      valueListenable: ThemeNotifier.of(context)!.theme,
      builder: (BuildContext context, ThemeData themeData, child) {
        return MaterialApp(
          debugShowCheckedModeBanner: false,
          title: 'Hondooye 包测试应用',
          theme: themeData,
          home: const MyHomePage(title: 'Hondooye'),
        );
      },
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);
  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () async {
            // 生成一个HTTP客户端实例
            final HdyHttp yourHttp = HdyHttpUtils.generateHttp(scheme: "https", host: 'api.agify.io', port: 443);
            // 生成一个不进行JSON解码的HTTP客户端实例
            final HdyHttp yourHttp2 = HdyHttpUtils.generateHttp(
                scheme: "https", host: 'api.agify.io', jsonDecodingOption: JsonDecodingOption.noOption, port: 443);
            // 生成一个使用UTF-8解码的HTTP客户端实例
            final HdyHttp yourHttp3 = HdyHttpUtils.generateHttp(
                scheme: "https", host: 'api.agify.io', jsonDecodingOption: JsonDecodingOption.utf8, port: 443);
            // 生成一个HTTP客户端实例，目标为 httpbin.org
            final HdyHttp yourHttp4 = HdyHttpUtils.generateHttp(scheme: "https", host: 'httpbin.org', port: 443);

            // 发送GET请求
            await yourHttp.client.get(path: '', queryParameters: {
              "name": "dhkim"
            }, headerList: [
              {"header1": "header1", "header2": "header2"}
            ]);

            // 自定义GET请求
            await yourHttp2.client.custom(uriAddress: 'https://api.agify.io?name=dhkim', method: "GET");

            // 自定义GET请求（使用UTF-8解码）
            await yourHttp3.client.custom(uriAddress: 'https://api.agify.io?name=dhkim', method: "GET");

            // 发送GET请求到 httpbin.org
            await yourHttp4.client.get(path: 'get');

            // 发送POST请求
            await yourHttp4.client.post(
              path: 'post',
              body: {},
            );

            // 发送PUT请求
            await yourHttp4.client.put(path: 'put', body: {});

            // 发送DELETE请求
            await yourHttp4.client.delete(path: 'delete', body: {});

            // 发送PATCH请求
            await yourHttp4.client.patch(path: 'patch', body: {});
          },
          child: const Text("测试"),
        ),
      ),
    );
  }
}

更多关于Flutter网络请求插件hondooye_http的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter网络请求插件hondooye_http的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


hondooye_http 是一个用于 Flutter 的网络请求插件，它简化了 HTTP 请求的发送和响应处理。以下是如何使用 hondooye_http 插件进行网络请求的基本步骤：

1. 添加依赖

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

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

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

2. 导入插件

在你的 Dart 文件中导入 hondooye_http 插件：

import 'package:hondooye_http/hondooye_http.dart';

3. 发送 GET 请求

使用 HondooyeHttp 类发送 GET 请求：

void fetchData() async {
  try {
    var response = await HondooyeHttp.get('https://jsonplaceholder.typicode.com/posts');
    if (response.statusCode == 200) {
      // 请求成功，处理响应数据
      print('Response data: ${response.body}');
    } else {
      // 请求失败，处理错误
      print('Request failed with status: ${response.statusCode}');
    }
  } catch (e) {
    // 捕获异常
    print('Error: $e');
  }
}

4. 发送 POST 请求

使用 HondooyeHttp 类发送 POST 请求：

void postData() async {
  try {
    var response = await HondooyeHttp.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');
  }
}

5. 处理其他类型的请求

hondooye_http 插件还支持其他类型的 HTTP 请求，如 PUT、DELETE 等。你可以使用 HondooyeHttp.put、HondooyeHttp.delete 等方法来发送相应的请求。

6. 处理请求头和响应头

你可以在请求中添加自定义的请求头，并处理响应头：

void fetchDataWithHeaders() async {
  try {
    var response = await HondooyeHttp.get(
      'https://jsonplaceholder.typicode.com/posts',
      headers: {
        'Authorization': 'Bearer your_token_here',
        'Content-Type': 'application/json',
      },
    );
    if (response.statusCode == 200) {
      // 请求成功，处理响应数据
      print('Response data: ${response.body}');
      // 处理响应头
      print('Response headers: ${response.headers}');
    } else {
      // 请求失败，处理错误
      print('Request failed with status: ${response.statusCode}');
    }
  } catch (e) {
    // 捕获异常
    print('Error: $e');
  }
}

7. 处理错误和异常

在网络请求中，可能会出现各种错误和异常。你可以使用 try-catch 块来捕获并处理这些错误。

8. 处理 JSON 数据

通常，API 返回的数据是 JSON 格式的。你可以使用 dart:convert 库来解析 JSON 数据：

import 'dart:convert';

void fetchAndParseJson() async {
  try {
    var response = await HondooyeHttp.get('https://jsonplaceholder.typicode.com/posts');
    if (response.statusCode == 200) {
      // 解析 JSON 数据
      List<dynamic> data = jsonDecode(response.body);
      print('Parsed data: $data');
    } else {
      // 请求失败，处理错误
      print('Request failed with status: ${response.statusCode}');
    }
  } catch (e) {
    // 捕获异常
    print('Error: $e');
  }
}
回到顶部