Flutter网络请求插件monarch_http的使用

monarch_http 是一个用于 Monarch 的 HTTP 工具库，可以在 HTTP 客户端和服务器端使用。它不依赖于仅限服务器的库，因此可以灵活地在 Flutter 应用中使用。

使用步骤

1. 添加依赖

在 pubspec.yaml 文件中添加 monarch_http 作为依赖：

dependencies:
  monarch_http: ^1.0.0 # 请根据实际情况替换版本号

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

flutter pub get

2. 初始化 monarch_http

在应用启动时初始化 monarch_http。通常可以在 main() 函数中完成初始化。

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

void main() {
  // 初始化 monarch_http
  Http.init();

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Monarch HTTP Demo',
      home: HomePage(),
    );
  }
}

3. 发送网络请求

使用 monarch_http 发送 HTTP 请求非常简单。以下是完整的示例代码，展示如何发送 GET 和 POST 请求。

GET 请求示例

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

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

class _HomePageState extends State<HomePage> {
  String response = "等待响应...";

  Future<void> fetchUserData() async {
    try {
      // 发送 GET 请求
      final result = await Http.get('https://jsonplaceholder.typicode.com/users/1');

      // 将返回结果存储到变量中
      setState(() {
        response = result.toString();
      });
    } catch (e) {
      // 捕获异常并打印错误信息
      setState(() {
        response = "Error: $e";
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Monarch HTTP GET 示例'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: fetchUserData,
              child: Text('获取用户数据'),
            ),
            SizedBox(height: 20),
            Text(response),
          ],
        ),
      ),
    );
  }
}

POST 请求示例

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

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

class _PostPageState extends State<PostPage> {
  String postResponse = "等待响应...";

  Future<void> sendPostRequest() async {
    try {
      // 构建请求体
      final body = {
        'title': 'foo',
        'body': 'bar',
        'userId': 1,
      };

      // 发送 POST 请求
      final result = await Http.post('https://jsonplaceholder.typicode.com/posts', body);

      // 将返回结果存储到变量中
      setState(() {
        postResponse = result.toString();
      });
    } catch (e) {
      // 捕获异常并打印错误信息
      setState(() {
        postResponse = "Error: $e";
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Monarch HTTP POST 示例'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: sendPostRequest,
              child: Text('发送 POST 请求'),
            ),
            SizedBox(height: 20),
            Text(postResponse),
          ],
        ),
      ),
    );
  }
}