Flutter网络请求插件net的使用

Flutter 网络请求插件 net 的使用

在 Flutter 中，我们可以使用 http 插件来处理网络请求。该插件提供了易于使用的 API 来发送 HTTP 请求，并且支持多种平台（包括移动设备、桌面和浏览器）。

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

dependencies:
  flutter:
    sdk: flutter
  http: ^0.13.4  # 请确保使用最新版本

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

接下来，我们来看一个完整的示例，展示如何使用 http 插件进行网络请求。

示例代码

首先创建一个新的 Flutter 项目，然后在主文件中编写以下代码：

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';  // 用于解析 JSON 数据

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'HTTP 请求示例',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

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

class _MyHomePageState extends State<MyHomePage> {
  String _response = "等待请求...";  // 用于显示服务器响应

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

    if (response.statusCode == 200) {
      setState(() {
        _response = jsonDecode(response.body)['title'];
      });
    } else {
      setState(() {
        _response = "请求失败，状态码: ${response.statusCode}";
      });
    }
  }

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

    if (response.statusCode == 201) {  // 成功创建新资源的状态码
      setState(() {
        _response = "POST 请求成功，ID: ${jsonDecode(response.body)['id']}";
      });
    } else {
      setState(() {
        _response = "请求失败，状态码: ${response.statusCode}";
      });
    }
  }

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

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

1 回复

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


在 Flutter 中，net 是一个轻量级的网络请求插件，用于发送 HTTP 请求。它提供了简单易用的 API，支持 GET、POST、PUT、DELETE 等常见的 HTTP 方法。以下是如何使用 net 插件进行网络请求的基本步骤：

1. 添加依赖

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

dependencies:
  flutter:
    sdk: flutter
  net: ^0.3.0  # 请检查最新版本

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

2. 导入包

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

import 'package:net/net.dart';

3. 发送 GET 请求

使用 Net 类发送一个 GET 请求：

void fetchData() async {
  try {
    var response = await Net.get('https://jsonplaceholder.typicode.com/posts');
    print('Response status: ${response.statusCode}');
    print('Response body: ${response.body}');
  } catch (e) {
    print('Error: $e');
  }
}

4. 发送 POST 请求

发送一个 POST 请求并传递数据：

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

5. 发送 PUT 请求

发送一个 PUT 请求并传递数据：

void updateData() async {
  try {
    var response = await Net.put(
      'https://jsonplaceholder.typicode.com/posts/1',
      body: {
        'id': 1,
        'title': 'foo',
        'body': 'bar',
        'userId': 1,
      },
    );
    print('Response status: ${response.statusCode}');
    print('Response body: ${response.body}');
  } catch (e) {
    print('Error: $e');
  }
}

6. 发送 DELETE 请求

发送一个 DELETE 请求：

void deleteData() async {
  try {
    var response = await Net.delete('https://jsonplaceholder.typicode.com/posts/1');
    print('Response status: ${response.statusCode}');
    print('Response body: ${response.body}');
  } catch (e) {
    print('Error: $e');
  }
}

7. 处理响应

Net 请求返回的 Response 对象包含了响应的状态码、响应体和头部信息。你可以根据需要对响应进行处理。

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

8. 设置请求头

你可以在请求中添加自定义的请求头：

void fetchDataWithHeaders() async {
  try {
    var response = await Net.get(
      'https://jsonplaceholder.typicode.com/posts',
      headers: {
        'Authorization': 'Bearer your_token_here',
        'Content-Type': 'application/json',
      },
    );
    print('Response status: ${response.statusCode}');
    print('Response body: ${response.body}');
  } catch (e) {
    print('Error: $e');
  }
}

9. 处理错误

在请求过程中可能会抛出异常，建议使用 try-catch 来捕获并处理错误。

void fetchData() async {
  try {
    var response = await Net.get('https://jsonplaceholder.typicode.com/posts');
    print('Response status: ${response.statusCode}');
    print('Response body: ${response.body}');
  } catch (e) {
    print('Error: $e');
  }
}
回到顶部