flutter_cookie_bridge 1.0.21 copy "flutter_cookie_bridge: ^1.0.21" to clipboard
flutter_cookie_bridge: ^1.0.21 copied to clipboard

A Flutter plugin that synchronizes cookies between network requests and WebViews.

example/lib/main.dart

import 'package:dio/dio.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_cookie_bridge/web_view_callback.dart';
import 'package:flutter_cookie_bridge/network_manager.dart';
import 'package:flutter_cookie_bridge/flutter_cookie_bridge.dart';
import 'package:flutter_dotenv/flutter_dotenv.dart';

final cookieBridge = FlutterCookieBridge();

void main() async {
  await dotenv.load(fileName: "lib/.env");

  runApp(MyApp());
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(home: MyHome());
  }
}

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

  @override
  MyHomeState createState() => MyHomeState();
}

class MyHomeState extends State<MyHome> {
  final String? baseUrl =
      "https://sbmsmartbankinguat.esbeeyem.com:9443/api/user/mock";

  final NetworkManager _networkManager = NetworkManager();

  @override
  void initState() {
    super.initState();
    // _checkSession();
  }

  // Future<void> _checkSession() async {
  //   Response? response = await _networkManager.get('$baseUrl/api/user/session');
  //   Map<String, dynamic> responseMap = response?.data;
  //   if (responseMap.containsKey("user")) {
  //     // Navigator.push(
  //     //   context,
  //     //   MaterialPageRoute(
  //     //     builder: (context) => CustomWebViewScreen(
  //     //         key: UniqueKey(), url: '$baseUrl/api/user/session'),
  //     //   ),
  //     // );
  //     _openWebView("");
  //   }
  // }

  Future<Response?> sso(
      Map<String, dynamic> requestBody, Map<String, dynamic> headers) async {
    try {
      Response? response = await _networkManager.request(
        url: '$baseUrl/api/user/sso/',
        method: 'POST',
        body: requestBody,
        headers: headers,
      );
      print("request is  ${requestBody} ");
      print("response is  ${response} ");
      return response;
    } catch (e) {
      if (kDebugMode) {
        print('Error during login request to get token: $e');
      }
      return null;
    }
  }

  Future<Response?> login(Map<String, dynamic> requestBody) async {
    try {
      Response? response = await _networkManager.request(
        url: '$baseUrl/api/user/token',
        method: 'POST',
        body: requestBody,
      );
      print("login response is  ${response} ");
      return response;
    } catch (e) {
      if (kDebugMode) {
        print('Error during token request: $e');
      }
      return null;
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Login')),
      body: Column(children: [
        Center(
          child: ElevatedButton(
            onPressed: () {
              _openWebView();
            },
            child: Text('Login'),
          ),
        ),
        // SingleChildScrollView(
        //   scrollDirection: Axis.horizontal,
        //   child: Row(
        //     mainAxisAlignment: MainAxisAlignment.start,
        //     children: [
        //       ElevatedButton(
        //         onPressed: () async {
        //          _openWebView("/banking/sbm/credit_card/CRE/pay_bill");
        //         },
        //         child: Text('Pay Bill'),
        //       ),
        //       ElevatedButton(
        //         onPressed: () async {
        //          _openWebView("/banking/sbm/credit_card/CRE/card_limits ");
        //         },
        //         child: Text('Manage Card'),
        //       ),
        //       ElevatedButton(
        //         onPressed: () async {
        //           _openWebView("/banking/sbm/credit_card/CRE/all_transactions");
        //         },
        //         child: Text('Transactions'),
        //       ),
        //       ElevatedButton(
        //         onPressed: () async {
        //           _openWebView("/banking/sbm/credit_card/CRE/enhance");
        //         },
        //         child: Text('Upgrade'),
        //       ),
        //     ],
        //   ),
        // ),
      ]),
    );
  }

  Future<void> _openWebView() async {
    await cookieBridge.networkManager.request(
        url:
            "https://sbmsmartbankinguat.esbeeyem.com:9443/api/user/mock?phone=6376720454&email=isha.raghav@spense.money&module=/banking/sbm/credit_card/CRE&kid=PC7WzxKenHnnR58qkhGH4tt02WH1c1VI&name=Isha+Raghav&photo=https://avatars.githubusercontent.com/u/11946127?v=4&redirect_url=https://www.sbmbank.co.in&device_binded=true",
        method: "GET");
    await Future.delayed(Duration(milliseconds: 500));

    final webView = await cookieBridge.getWebView(
      url:
          "https://sbmsmartbankinguat.esbeeyem.com:9443/api/user/mock?phone=6376720454&email=isha.raghav@spense.money&module=/banking/sbm/credit_card/CRE&kid=PC7WzxKenHnnR58qkhGH4tt02WH1c1VI&name=Isha+Raghav&photo=https://avatars.githubusercontent.com/u/11946127?v=4&redirect_url=https://www.sbmbank.co.in&device_binded=true",
      callback: (WebViewCallback action) {
        switch (action.type) {
          case WebViewCallbackType.redirect:
            print(
                "--------------- Redirect Redirected with status main: ${action.status}");
            break;
          case WebViewCallbackType.logout:
            print("--------------- Redirect User logged out main");
            break;
        }
      },
      whitelistedUrls: [
        "sbmsmartbankinguat.esbeeyem.com:9443",
        "https://sbmkycuat.esbeeyem.com",
        "razorpay.com"
      ],
      hostName: "https://sbmsmartbankinguat.esbeeyem.com:9443",
    );
    Navigator.of(context).push(MaterialPageRoute(
      builder: (context) => webView,
    ));
  }

  Future<void> _loginAndNavigate() async {
    var loginRequestBody = {
      "phone": dotenv.env['PHONE'],
      "email": dotenv.env['EMAIL'],
      "attributes": {
        "name": dotenv.env['NAME'],
        "photo": dotenv.env['PHOTO'],
        "accountId": dotenv.env['ACCOUNT_ID'],
      },
      "module": dotenv.env['MODULE'],
      "device_binded": dotenv.env['DEVICE_BINDED'],
    };

    var loginResponse = await sso(
      loginRequestBody,
      {
        'Content-Type': 'application/json',
        'username': dotenv.env['USERNAME'],
        'password': dotenv.env['PASSWORD'],
        'kid': dotenv.env['KID'],
      },
    );

    print(loginResponse);

    if (loginResponse != null && loginResponse.statusCode == 200) {
      var token = loginResponse.data['token'];
      var tokenResponse = await login({"token": token});

      if (tokenResponse != null && tokenResponse.statusCode == 200) {
        // Navigator.pushReplacement(
        //   context,
        //   MaterialPageRoute(
        //     builder: (context) => CustomWebViewScreen(
        //         key: UniqueKey(), url: '$baseUrl/banking/sbm/credit_card/CRE'),
        //   ),
        // );
        _openWebView();
      }
    }
  }
}