Hướng dẫn và ví dụ Dart Dio

dependencies:
  dio:  ^5.5.0+1

import 'dart:convert';

///
/// After successfully logging in, you will have accessToken.
/// Here is an example accessToken,
/// used for the examples in this lesson.
///
///  For example: YWRtaW46MTIz
///
String get accessToken { 
  String userName = "admin";
  String password = "123";
  String str = "$userName:$password";
  final bytes = utf8.encode(str);
  
  // YWRtaW46MTIz
  final base64Str = base64.encode(bytes);
  return base64Str;
}

Dio([BaseOptions? options])

BaseOptions({
  String? method,
  Duration? connectTimeout,
  Duration? receiveTimeout,
  Duration? sendTimeout,
  String baseUrl = '',
  Map<String, dynamic>? queryParameters,
  Map<String, dynamic>? extra,
  Map<String, dynamic>? headers,
  bool? preserveHeaderCase = false,
  ResponseType? responseType = ResponseType.json,
  String? contentType,
  bool Function(int?)? validateStatus,
  bool? receiveDataWhenStatusError,
  bool? followRedirects,
  int? maxRedirects,
  bool? persistentConnection,
  FutureOr<List<int>> Function(String, RequestOptions)? requestEncoder,
  FutureOr<String?> Function(List<int>, RequestOptions, ResponseBody)? responseDecoder,
  ListFormat? listFormat,
});

import 'package:dio/dio.dart';

// Create a Dio object:
final dio = Dio();

Future<void> main() async {
  var path =
      "https://raw.githubusercontent.com/o7planning/rs/master/dart/json/user-info-1.json";

  final response = await dio.get(path);
  print(response.data);
}

import 'package:dio/dio.dart';

// Create a Dio object with Base Options :
final dio = Dio(
  BaseOptions(
    baseUrl: 'https://raw.githubusercontent.com',
    connectTimeout: Duration(seconds: 5),
    receiveTimeout: Duration(seconds: 5),
    headers: {
      'Accept': 'application/json',
    },
  ),
);

Future<void> main() async {
  // url = baseUrl + path
  var path = "/o7planning/rs/master/dart/json/user-info-1.json";

  final response = await dio.get(path);
  print(response.data);
}

Future<Response<T>> get<T>(
  String path, {
  Object? data,
  Map<String, dynamic>? queryParameters,
  Options? options,
  CancelToken? cancelToken,
  void Function(int, int)? onReceiveProgress,
});

import 'package:dio/dio.dart';
import '_constants.dart';

// Create a Dio object with Base Options :
final dio = Dio(
  BaseOptions(
    // Please download and Install CrudDemoServer.
    baseUrl: 'http://localhost:8080',
    connectTimeout: Duration(seconds: 5),
    receiveTimeout: Duration(seconds: 5),
    headers: {
      'Accept': 'application/json',
    },
  ),
);

Future<void> main() async {
  Map<String, dynamic> headers = {
    'Authorization': 'Basic $accessToken', // <-----
  };
  //
  try {
    final response = await dio.get(
      '/rest/appUsers/search',
      options: Options(headers: headers),
      queryParameters: {
        'searchText': 'anony',
        'page': 1,
      },
    );
    // response.data ==> Map<String,dynamic> or List<dynamic>
    Map<String, dynamic> data = response.data;
    print(data);
  } on DioException catch (e) {
    if (e.response != null) {
      // Handle error response
      print('Error 01: ${e.response!.statusCode}: ${e.response!.statusMessage}');
      // e.response.data ==> Map<String,dynamic> or List<dynamic> or String.
      var errorData = e.response!.data;
      print("Error Data: $errorData");
    } else {
      // Handle no response
      print('Error 02: ${e.message}');
    }
  }
}

Future<Response<T>> post<T>(
  String path, {
  Object? data,
  Map<String, dynamic>? queryParameters,
  Options? options,
  CancelToken? cancelToken,
  void Function(int, int)? onSendProgress,
  void Function(int, int)? onReceiveProgress,
});

import 'package:dio/dio.dart';
import '_constants.dart';

// Create a Dio object with Base Options :
final dio = Dio(
  BaseOptions(
    // Please download and Install CrudDemoServer.
    baseUrl: 'http://localhost:8080',
    connectTimeout: Duration(seconds: 5),
    receiveTimeout: Duration(seconds: 5),
    headers: {
      'Accept': 'application/json',
    },
  ),
);

Future<void> main() async {
  Map<String, dynamic> headers = {
    'Authorization': 'Basic $accessToken', // <-----
  };
  //
  Map<String, dynamic> mapData = {
    "name": "Test Product",
    "active": true,
    "price": 20,
    "estimatedInputPrice": 18,
    "taxRate": 0.1,
    "categoryId": 1,
  };
  var formData = FormData.fromMap(mapData);
  //
  try {
    final response = await dio.post(
      '/rest/product/create',
      options: Options(headers: headers),
      data: formData, // FormData
    );
    // response.data ==> Map<String,dynamic> or List<dynamic>
    Map<String, dynamic> data = response.data;
    print(data);
  } on DioException catch (e) {
    if (e.response != null) {
      // Handle error response
      print(
          'Error 01: ${e.response!.statusCode}: ${e.response!.statusMessage}');
      // e.response.data ==> Map<String,dynamic> or List<dynamic> or String.
      var errorData = e.response!.data;
      print("Error Data: $errorData");
    } else {
      // Handle no response
      print('Error 02: ${e.message}');
    }
  }
}

Map<String, dynamic> mapData = {
  "name": "Test Product",
  "active": true,
  "price": 20,
  "estimatedInputPrice": 18,
  "taxRate": 0.1,
  "categoryId": 1,
  "imageFileUpload": await MultipartFile.fromFile(
    '/path/to/product.jpg',
    filename: 'product.jpg',
  ),
};
var formData = FormData.fromMap(mapData);

Future<Response<T>> put<T>(
  String path, {
  Object? data,
  Map<String, dynamic>? queryParameters,
  Options? options,
  CancelToken? cancelToken,
  void Function(int, int)? onSendProgress,
  void Function(int, int)? onReceiveProgress,
});

import 'package:dio/dio.dart';
import '_constants.dart';

// Create a Dio object with Base Options :
final dio = Dio(
  BaseOptions(
    // Please download and Install CrudDemoServer.
    baseUrl: 'http://localhost:8080',
    connectTimeout: Duration(seconds: 5),
    receiveTimeout: Duration(seconds: 5),
    headers: {
      'Accept': 'application/json',
    },
  ),
);

Future<void> main() async {
  Map<String, dynamic> headers = {
    'Authorization': 'Basic $accessToken', // <-----
  };
  //
  Map<String, dynamic> mapData = {
    "id": 1,
    "name": "333 Beer (Update)", // <== Update Name.
    "active": true,
    "price": 1,
    "estimatedInputPrice": 0.8,
    "taxRate": 0.1,
    "categoryId": 1,
  };
  var formData = FormData.fromMap(mapData);
  //
  try {
    final response = await dio.put(
      '/rest/product/update',
      options: Options(headers: headers),
      data: formData, // FormData
    );
    // response.data ==> Map<String,dynamic> or List<dynamic>
    Map<String, dynamic> data = response.data;
    print(data);
  } on DioException catch (e) {
    if (e.response != null) {
      // Handle error response
      print(
          'Error 01: ${e.response!.statusCode}: ${e.response!.statusMessage}');
      // e.response.data ==> Map<String,dynamic> or List<dynamic> or String.
      var errorData = e.response!.data;
      print("Error Data: $errorData");
    } else {
      // Handle no response
      print('Error 02: ${e.message}');
    }
  }
}

Map<String, dynamic> mapData = {
  "id": 1.toString(),
  "name": "333 Beer (Update)", // <== Update Name.
  "active": true,
  "price": 1,
  "estimatedInputPrice": 0.8,
  "taxRate": 0.1,
  "categoryId": 1,
  "imageFileUpload": await MultipartFile.fromFile(
    '/path/to/product.jpg',
    filename: 'product.jpg',
  ),
};
var formData = FormData.fromMap(mapData);

Future<Response<T>> delete<T>(
  String path, {
  Object? data,
  Map<String, dynamic>? queryParameters,
  Options? options,
  CancelToken? cancelToken,
});

import 'package:dio/dio.dart';
import '_constants.dart';

// Create a Dio object with Base Options :
final dio = Dio(
  BaseOptions(
    // Please download and Install CrudDemoServer.
    baseUrl: 'http://localhost:8080',
    connectTimeout: Duration(seconds: 5),
    receiveTimeout: Duration(seconds: 5),
    headers: {
      'Accept': 'application/json',
    },
  ),
);

Future<void> main() async {
  Map<String, dynamic> headers = {
    'Authorization': 'Basic $accessToken', // <-----
  };
  //
  try {
    final response = await dio.delete(
      '/rest/product/delete/19',
      options: Options(headers: headers),
    );
    print("Done");
  } on DioException catch (e) {
    if (e.response != null) {
      // Handle error response
      print('Error: ${e.response!.statusCode}: ${e.response!.statusMessage}');
      // e.response.data ==> Map<String,dynamic> or List<dynamic> or String.
      var errorData = e.response!.data;
      print("Error Data: $errorData");
    } else {
      // Handle no response
      print('No Response Error: ${e.message}');
    }
  }
}