在Flutter應用程序中，進行網絡請求是非常常見的任務。Dio是一個強大的、易于使用的Dart包，用于處理HTTP請求。本篇博客將介紹如何封裝Dio庫，以及如何在Flutter應用中進行網絡請求并取消請求。

什么是Dio？

Dio是一個基于Dart語言的強大的HTTP客戶端庫，用于與REST API進行通信。它提供了許多功能，包括異步請求、攔截器支持、取消請求、文件下載和上傳等。

封裝Dio網絡請求庫

為了更好地組織和管理網絡請求代碼，我們可以將Dio的實例和常見的HTTP請求操作封裝到一個類中。下面是一個簡單的示例：

import 'package:dio/dio.dart';class HttpManager {static Dio _dio;static Dio getInstance() {if (_dio == null) {_dio = Dio();// 配置 Dio 實例_dio.options.baseUrl = 'https://api.example.com/';_dio.interceptors.add(LogInterceptor());}return _dio;}// get 請求static Future<Response> get(String url, {Map<String, dynamic> params, CancelToken cancelToken}) async {return await _dio.get(url, queryParameters: params, cancelToken: cancelToken);}// post 請求static Future<Response> post(String url, {Map<String, dynamic> data, CancelToken cancelToken}) async {return await _dio.post(url, data: data, cancelToken: cancelToken);}// put 請求static Future<Response> put(String url, {Map<String, dynamic> data, CancelToken cancelToken}) async {return await _dio.put(url, data: data, cancelToken: cancelToken);}// delete 請求static Future<Response> delete(String url, {CancelToken cancelToken}) async {return await _dio.delete(url, cancelToken: cancelToken);}// 取消請求static void cancelRequests(CancelToken cancelToken) {cancelToken.cancel("請求已被取消");}
}

在上面的代碼中，我們創建了一個名為HttpManager的類，其中包含了一個getInstance方法用于獲取Dio的單例實例，以及封裝了常見的HTTP請求方法（GET、POST、PUT、DELETE）。

如何使用封裝的HttpManager類？

現在我們已經封裝了一個用于處理HTTP請求的類，我們可以在我們的Flutter應用程序中使用它。以下是一個簡單的示例：

import 'package:flutter/material.dart';
import 'package:dio/dio.dart';import 'http_manager.dart';void main() {runApp(MyApp());
}class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(title: 'Flutter Dio Demo',home: HomePage(),);}
}class HomePage extends StatelessWidget {CancelToken _cancelToken = CancelToken();@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('Dio Demo'),),body: Center(child: ElevatedButton(onPressed: () {_fetchData();},child: Text('Fetch Data'),),),);}void _fetchData() async {try {Response response = await HttpManager.get('example_endpoint', cancelToken: _cancelToken);print(response.data);} catch (e) {print('Error: $e');}}@overridevoid dispose() {// 頁面銷毀時取消請求HttpManager.cancelRequests(_cancelToken);super.dispose();}
}

在上面的示例中，我們在HomePage組件的dispose方法中調用了HttpManager.cancelRequests方法，以確保頁面銷毀時取消尚未完成的請求。

結論

在本篇博客中，我們學習了如何在Flutter應用中使用Dio庫進行網絡請求，并封裝了一個簡單的網絡請求庫。封裝網絡請求可以幫助我們更好地組織和管理代碼，使其更易于維護和擴展。希望這篇博客對你有所幫助！