datadome_flutter_dio 1.1.3 datadome_flutter_dio: ^1.1.3 copied to clipboard
A DataDome integration for Flutter - Dio Integration
import 'package:datadome_flutter_dio/datadome_logger.dart';
import 'package:datadome_flutter_dio/tracking/gesture_detection.dart';
import 'package:flutter/material.dart';
import 'dart:async';
import 'package:datadome_flutter_dio/datadome_interceptor.dart';
import 'package:dio/dio.dart';
import 'package:datadome_flutter_dio_example/datadome_secrets.dart';
void main() {
runApp(MaterialApp(
home: MyApp()
));
}
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
@override
void initState() {
super.initState();
initPlatformState();
}
// Platform messages are asynchronous, so we initialize in an async method.
Future<void> initPlatformState() async {
// If the widget was removed from the tree while the asynchronous platform
// message was in flight, we want to discard the reply rather than calling
// setState to update our non-existent appearance.
if (!mounted) return;
}
/// Sends a Dio request to a protected endpoint with a `DataDomeInterceptor` instance.
/// The interceptor will evaluate the response and show a captcha if the request has been blocked by DataDome.
/// [datadome_client_key] is the client-side key you can get from your dashboard. You can add it in the `datadome_secrets.dart` file from this example.
/// [test_url] is the protected endpoint you call. You can add it in the `datadome_secrets.dart` file from this example.
Future<void> sendRequest() async {
var dio = Dio();
DataDomeLogger.setLogLevel(LogLevel.info);
if(datadome_client_key.trim().isEmpty || test_url.trim().isEmpty) {
DataDomeLogger.error("Please set your client-side key for DataDome and a protected URL for testing in the datadome_secrets.dart file");
return;
}
DataDomeInterceptor dataDomeInterceptor = DataDomeInterceptor(datadome_client_key, dio, context);
dio.interceptors.add(dataDomeInterceptor);
try {
var response = await dio.get(test_url, options: Options(headers: {'User-Agent': 'BLOCKUA', 'Accept': 'application/json'}));
print(response);
} catch (e) {
print(e);
}
}
/// If you need to handle the captcha display and dismissal yourself, you can use
/// the manual interception mode: you will have to implement your own callback functions for both captcha display and dismissal.
/// [datadome_client_key] is the client-side key you can get from your dashboard. You can add it in the `datadome_secrets.dart` file from this example.
/// [test_url] is the protected endpoint you call. You can add it in the `datadome_secrets.dart` file from this example.
Future<void> sendRequestWithManualMode() async {
var dio = Dio();
DataDomeLogger.setLogLevel(LogLevel.info);
if(datadome_client_key.trim().isEmpty || test_url.trim().isEmpty) {
DataDomeLogger.error("Please set your client-side key for DataDome and a protected URL for testing in the datadome_secrets.dart file");
return;
}
DataDomeInterceptor dataDomeInterceptor = DataDomeInterceptor.withCallback(datadome_client_key, dio, (widget) { displayCaptcha(widget); }, () { dismissCaptcha(); });
dio.interceptors.add(dataDomeInterceptor);
try {
var response = await dio.get(test_url, options: Options(headers: {'User-Agent': 'BLOCKUA', 'Accept': 'application/json'}));
print(response);
} catch (e) {
print(e);
}
}
/// example of captcha display callback function
void displayCaptcha(Widget view) {
showGeneralDialog(
context: context,
barrierDismissible: false,
pageBuilder: (context, __, ___) {
return view;
},
);
}
/// example of captcha dismiss callback function
void dismissCaptcha() {
Navigator.pop(context);
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: GestureDetection(
child: Scaffold(
appBar: AppBar(
title: const Text('DataDome example app'),
),
body: Center(child: Column(children: <Widget>[
Container(
margin: EdgeInsets.only(left:25, top:150, right:25, bottom: 150),
child: Column(
children:[
Text("Built-in interception"),
MaterialButton(
child: Text('Send Request', style: TextStyle(fontSize: 20.0),),
color: Colors.blueAccent,
textColor: Colors.white,
onPressed: () { sendRequest(); },
),
]
)
),
Container(
margin: EdgeInsets.all(25),
child: Column(
children:[
Text("Manual interception"),
MaterialButton(
child: Text('Send Request', style: TextStyle(fontSize: 20.0),),
color: Colors.black26,
textColor: Colors.white,
onPressed: () { sendRequestWithManualMode(); },
),
]
),
),
]
))
),
)
);
}
}