Interceptor in Flutter Application

-

 How to integrate Interceptor in Flutter Application.




What is an interceptor?


  • An interceptor is a middleware component that intercepts and modifies HTTP requests and responses. Interceptors are commonly used to implement features such as authentication, caching, and logging.


How to integrate an interceptor in flutter application?


  • Steps for implementing an interceptor in flutter application.


  • Flutter has a built-in Interceptor class from the dio package, which is a popular HTTP client for Flutter. With Interceptor, you can intercept and modify HTTP requests and responses before they are sent or received.


  1. Add dio package in your existing or new flutter project.

→ flutter pub add dio


  1. Create a custom Dio file. In this file add your interceptor code.

→ custom_dio.dart

import 'package:dio/dio.dart';

import 'dart:developer' as dev;

class CustomDio {
static final CustomDio _singleton = CustomDio._internal();
var dio = Dio();

factory CustomDio() {
return _singleton;
}

Future<Dio> getDio() async {
dio.interceptors.clear();
dio.interceptors.add(getInterceptorsWrapper());
return dio;
}

InterceptorsWrapper getInterceptorsWrapper() {
return InterceptorsWrapper(onRequest: (
RequestOptions requestOptions,
RequestInterceptorHandler handler,
) {
dev.log('----------------------------> Request Log
<---------------------------------');
dev.log("Headers--> \n ${requestOptions.headers}");
dev.log(
" Type--> ${requestOptions.method} Request-->${requestOptions.uri} \n ");
dev.log(
" extra--> ${requestOptions.extra} data-->${requestOptions.data}
queryParameters-->${requestOptions.queryParameters} \n ");
dev.log('-----------------------------------------
-------------------------------------');
return handler.next(requestOptions);
}, onResponse: (
Response response,
ResponseInterceptorHandler handler,
) {
dev.log('----------------------------> Response Log
<---------------------------------');
dev.log("data--> ${response.data}");
dev.log(
"Response-->${response.realUri} \n statusCode--> ${response.statusCode}
\n path--> ${response.requestOptions.path}
\n Headers--> \n ${response.headers} ");
dev.log('-------------------------------------------
-----------------------------------');
return handler.next(response);
}, onError: (DioError dioError, ErrorInterceptorHandler handler) {
dev.log('----------------------------> Error Log
<---------------------------------');
dev.log("error -->${dioError.error} message -->${dioError.message}");
dev.log(
"Type--> ${dioError.requestOptions.method} url-->${dioError.requestOptions.uri}
\n Headers--> \n
${dioError.requestOptions.headers} data--> ${dioError.requestOptions.path}");
handler.next(dioError);
dev.log('---------------------------------------------------------------------
---------');
});
}

CustomDio._internal();
}





  1. After this call custom Dio at the time of api call.

                                → product_repository.dart
                              

class ProductRepository {

static var customDio = CustomDio();
static var client;

Future fetchProducts() async{
try {
client = await customDio.getDio();
var response = await client.get('https://dummyjson.com/products/1');
} catch (error, stacktrace) {
if (kDebugMode) {
print("Exception occurred: $error stackTrace: $stacktrace");
}
return [];
}
}

}

  1. Boom..!!!  An interceptor is called so you can see all the details in your log terminal.

                                → Output
                

Comments

Post a Comment

Popular posts from this blog

Url Launcher using Flutter

-
Image
  Exploring the URL Launcher Package in Flutter: A Comprehensive Guide Introduction: In the world of Flutter app development, integrating external functionalities like opening URLs, making phone calls, sending emails, and more is essential for creating robust and user-friendly applications. This is where the URL Launcher package comes into play. This package provides a simple and efficient way to interact with external resources and services directly from your Flutter app. What is a URL Launcher? The URL Launcher package is a Flutter plugin that allows developers to launch various types of URLs and perform actions such as opening web pages, making phone calls, sending emails, and launching map applications. It abstracts the platform-specific code required for these tasks, making it easy to incorporate these functionalities into your Flutter apps regardless of the platform (Android or iOS). Installation: To start using the URL Launcher package in your Flutter project, follow these simpl
Read more

If and Else in Flutter

-
Image
 Flutter if & else: 3 ways of implementation if and else statements allow developers to execute different blocks of code based on specific conditions. This can help to create more dynamic and responsive user interfaces by allowing the app to respond differently to different inputs or user interactions.    The Problem: In contrast, Flutter provides an error message when you attempt to use the if-else statement directly within your widget.                  Unfortunately, you can’t write if statement inside your widget as if you were writing in your method or function. But there are a few ways you can write a conditional statement inside your widget. Let’s see them.                A description of how to use an If Else Statement in a Flutter           widget: Using the Ternary Operator Using the Spread Operator Using the Method Ternary Operator          In Flutter, the ternary operator is the same as in other programming languages. It is a shorthand way o
Read more

Flutter Project Migration

-
Image
  Migration to null safety in flutter. Problem Statement:   The newer versions of Flutter supports null safety but the older versions of Flutter does not have this type of support, and to run older applications makes it difficult to build or run the application  in it. To overcome this problem we need to perform a migration of versions. Solution of this problem: Firstly we need to check the version of dart. It should be greater than or equal to 2.12. To check the version of dart use the following command dart --version After that we need to check dependency status, use the following command to perform the dependency status check dart pub outdated --mode=null-safety Here’s an example of the output for a simple package. The green checkmarked version for each package supports null safety: Before migrating the package’s code, update its dependencies to null-safe version: Run dart pub upgrade --null-safety to upgrade to the latest versions supporting null safety.  Note: This command chang
Read more