Flutter网络服务插件webservice的使用

Flutter网络服务插件webservice的使用

WebService

WebService 是一个强大的Dart Http客户端，用于处理请求。

开始使用

添加依赖

在 pubspec.yaml 文件中添加 webservice 依赖：

dependencies:
  webservice: ^0.0.6

简单使用

以下是一个简单的示例，展示如何使用 WebService 发送 GET 请求并处理响应：

import 'package:webservice/webservice.dart';

void getData() {
  WebService().get(
    url: "https://example.com/api/data", // 替换为你的URL
    onResponse: (response) {
      print('${response.statusCode} ${response.message} ${response.data}');
    },
  );
}

设置基础URL或自定义头信息

你可以设置基础URL和自定义头信息来简化请求配置：

import 'package:webservice/webservice.dart';

void getData() {
  WebService webService = WebService();
  webService.baseURL = "https://example.com"; // 设置基础URL

  Map<String, String> headers = {
    "Accept": "application/json",
    "Content-Type": "application/json",
  };

  webService.get(
    url: "/api/data", // 只需提供子路径
    headers: headers,
    onResponse: (response) {
      print('${response.statusCode} ${response.message} ${response.data}');
    },
  );
}

完整示例Demo

以下是一个完整的 Flutter 示例应用，展示了如何使用 WebService 插件进行网络请求，并在界面上显示数据。

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

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'WebService Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

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

class _MyHomePageState extends State<MyHomePage> {
  List<dynamic> products = [];
  bool isLoading = true;

  [@override](/user/override)
  void initState() {
    super.initState();
    fetchData();
  }

  void fetchData() {
    WebService().get(
      url: "https://dummyjson.com/products", // 示例API
      onResponse: (response) {
        if (response.statusCode == 200) {
          setState(() {
            products = response.data['products'];
            isLoading = false;
          });
        } else {
          print('Error: ${response.message}');
          setState(() {
            isLoading = false;
          });
        }
      },
    );
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('WebService Demo'),
      ),
      body: isLoading
          ? const Center(child: CircularProgressIndicator())
          : ListView.builder(
              itemCount: products.length,
              itemBuilder: (context, index) {
                final product = products[index];
                return ListTile(
                  title: Text(product['title']),
                  subtitle: Text('Price: \$${product['price']}'),
                  leading: Image.network(product['thumbnail']),
                );
              },
            ),
    );
  }
}