Flutter网络请求插件schttp的使用

Flutter网络请求插件schttp的使用

schttp 是一个带有缓存功能的简单HTTP客户端。通过这个插件，开发者可以轻松地在Flutter应用中进行网络请求，并且能够有效地利用缓存来提高性能和减少数据流量。

安装

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

dependencies:
  schttp: ^0.1.0

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

使用示例

下面是一个简单的示例，展示如何使用 schttp 进行网络请求并处理响应。

初始化客户端

import 'package:schttp/schttp.dart';

void main() {
  // 初始化客户端
  final client = SchttpClient();
}

发送GET请求

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:schttp/schttp.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('schttp 示例')),
        body: Center(
          child: FutureBuilder(
            future: fetchData(),
            builder: (context, snapshot) {
              if (snapshot.connectionState == ConnectionState.waiting) {
                return CircularProgressIndicator();
              } else if (snapshot.hasError) {
                return Text('Error: ${snapshot.error}');
              } else if (!snapshot.hasData || snapshot.data == null) {
                return Text('No data');
              } else {
                return Text('Response: ${snapshot.data}');
              }
            },
          ),
        ),
      ),
    );
  }

  Future<String> fetchData() async {
    final client = SchttpClient();
    
    try {
      // 发送GET请求
      final response = await client.get(Uri.parse('https://jsonplaceholder.typicode.com/posts/1'));
      
      // 处理响应
      if (response.statusCode == 200) {
        // 将响应内容转换为字符串
        final responseBody = utf8.decode(response.bodyBytes);
        return responseBody;
      } else {
        return 'Request failed with status: ${response.statusCode}';
      }
    } catch (e) {
      return 'Error: $e';
    }
  }
}

缓存功能

schttp 还支持缓存功能，可以通过设置缓存策略来控制缓存行为。

import 'package:schttp/schttp.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('schttp 示例')),
        body: Center(
          child: FutureBuilder(
            future: fetchCachedData(),
            builder: (context, snapshot) {
              if (snapshot.connectionState == ConnectionState.waiting) {
                return CircularProgressIndicator();
              } else if (snapshot.hasError) {
                return Text('Error: ${snapshot.error}');
              } else if (!snapshot.hasData || snapshot.data == null) {
                return Text('No data');
              } else {
                return Text('Response: ${snapshot.data}');
              }
            },
          ),
        ),
      ),
    );
  }

  Future<String> fetchCachedData() async {
    final client = SchttpClient();
    
    try {
      // 设置缓存策略
      final cachePolicy = CachePolicy(
        maxAge: Duration(minutes: 10), // 缓存最多10分钟
        maxStale: Duration(minutes: 15), // 允许过期15分钟
      );
      
      // 发送GET请求
      final response = await client.get(
        Uri.parse('https://jsonplaceholder.typicode.com/posts/1'),
        cachePolicy: cachePolicy,
      );
      
      // 处理响应
      if (response.statusCode == 200) {
        // 将响应内容转换为字符串
        final responseBody = utf8.decode(response.bodyBytes);
        return responseBody;
      } else {
        return 'Request failed with status: ${response.statusCode}';
      }
    } catch (e) {
      return 'Error: $e';
    }
  }
}