Flutter网络请求插件rester的使用

Flutter网络请求插件rester的使用

Rester

帮助使用 http。

在Flutter中进行网络请求是一个常见的需求。为了简化这个过程，我们可以使用一些流行的库，如 http。本示例将展示如何使用 http 插件来进行网络请求。

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

dependencies:
  flutter:
    sdk: flutter
  http: ^0.13.3

然后运行 flutter pub get 来获取该依赖。

接下来，我们编写一个简单的示例来演示如何使用 http 进行GET和POST请求。

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Http请求示例'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ElevatedButton(
                onPressed: () {
                  _fetchData();
                },
                child: Text('发送GET请求'),
              ),
              ElevatedButton(
                onPressed: () {
                  _postData();
                },
                child: Text('发送POST请求'),
              ),
            ],
          ),
        ),
      ),
    );
  }

  // 发送GET请求
  void _fetchData() async {
    final response = await http.get(Uri.parse('https://jsonplaceholder.typicode.com/posts/1'));

    if (response.statusCode == 200) {
      // 请求成功，解析数据
      var data = jsonDecode(response.body);
      print(data);
    } else {
      // 请求失败
      throw Exception('Failed to load data');
    }
  }

  // 发送POST请求
  void _postData() async {
    final url = Uri.parse('https://jsonplaceholder.typicode.com/posts');
    final response = await http.post(
      url,
      headers: {'Content-Type': 'application/json'},
      body: jsonEncode(<String, String>{
        'title': 'foo',
        'body': 'bar',
        'userId': '1',
      }),
    );

    if (response.statusCode == 201) {
      // 请求成功，解析数据
      var data = jsonDecode(response.body);
      print(data);
    } else {
      // 请求失败
      throw Exception('Failed to post data');
    }
  }
}

上述代码展示了如何使用 http 库进行基本的GET和POST请求。具体步骤如下：

1. 导入必要的库：

   import 'package:flutter/material.dart';
   import 'package:http/http.dart' as http;
   import 'dart:convert';
   

2. 定义主应用类：

   void main() {
     runApp(MyApp());
   }
   
   class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         home: Scaffold(
           appBar: AppBar(
             title: Text('Http请求示例'),
           ),
           body: Center(
             child: Column(
               mainAxisAlignment: MainAxisAlignment.center,
               children: [
                 ElevatedButton(
                   onPressed: () {
                     _fetchData();
                   },
                   child: Text('发送GET请求'),
                 ),
                 ElevatedButton(
                   onPressed: () {
                     _postData();
                   },
                   child: Text('发送POST请求'),
                 ),
               ],
             ),
           ),
         ),
       );
     }
   }
   

3. 实现GET请求方法：

   void _fetchData() async {
     final response = await http.get(Uri.parse('https://jsonplaceholder.typicode.com/posts/1'));
   
     if (response.statusCode == 200) {
       // 请求成功，解析数据
       var data = jsonDecode(response.body);
       print(data);
     } else {
       // 请求失败
       throw Exception('Failed to load data');
     }
   }
   

4. 实现POST请求方法：

   void _postData() async {
     final url = Uri.parse('https://jsonplaceholder.typicode.com/posts');
     final response = await http.post(
       url,
       headers: {'Content-Type': 'application/json'},
       body: jsonEncode(<String, String>{
         'title': 'foo',
         'body': 'bar',
         'userId': '1',
       }),
     );
   
     if (response.statusCode == 201) {
       // 请求成功，解析数据
       var data = jsonDecode(response.body);
       print(data);
     } else {
       // 请求失败
       throw Exception('Failed to post data');
     }
   }