AliPay Payment Integration - After Payment, it's not redirecting to the APP

[ragulhchc]

Describe the bug
I have integrated the code for alipay, on click on the button it routes to AliPay Brwoser, after authorizing the payment it's not redirecting to the Application.

To Reproduce
Steps to reproduce the behavior:

1. Create a New Flutter App
2. Initialize the String Settings
3. Create a Confirm Payment button for Alipay and check the flow

Expected behavior
It should be redirected to the browser

Example code
import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'package:flutter_stripe/flutter_stripe.dart';

Future main() async {
WidgetsFlutterBinding.ensureInitialized();
Stripe.publishableKey = '{PUBLIC_KEY}';
Stripe.urlScheme = 'flutterstripe';
await Stripe.instance.applySettings();
runApp(const MyApp());
}

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

// This widget is the root of your application.
@OverRide
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
// This is the theme of your application.
//
// TRY THIS: Try running your application with "flutter run". You'll see
// the application has a purple toolbar. Then, without quitting the app,
// try changing the seedColor in the colorScheme below to Colors.green
// and then invoke "hot reload" (save your changes or press the "hot
// reload" button in a Flutter-supported IDE, or press "r" if you used
// the command line to start the app).
//
// Notice that the counter didn't reset back to zero; the application
// state is not lost during the reload. To reset the state, use hot
// restart instead.
//
// This works for code too, not just values: Most code changes can be
// tested with just a hot reload.
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
useMaterial3: true,
),
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}

class MyHomePage extends StatefulWidget {
const MyHomePage({super.key, required this.title});

// This widget is the home page of your application. It is stateful, meaning
// that it has a State object (defined below) that contains fields that affect
// how it looks.

// This class is the configuration for the state. It holds the values (in this
// case the title) provided by the parent (in this case the App widget) and
// used by the build method of the State. Fields in a Widget subclass are
// always marked "final".

final String title;

@OverRide
State createState() => _MyHomePageState();
}

class _MyHomePageState extends State {
int _counter = 0;

void _incrementCounter() {
setState(() {
_counter++;
});
}

Future _invokeAliPay() async {
final result = await fetchPaymentIntentClientSecret('alipay');

try {
  await Stripe.instance.confirmPayment(
    paymentIntentClientSecret: result!,
    data: PaymentMethodParams.alipay(
      paymentMethodData: const PaymentMethodData(),
    ),
  );
  if (context.mounted) {
    // scaffoldMessenger.showSnackBar(
    //   SnackBar(
    //     content: Text('Payment successfully completed'),
    //   ),
    // );

    print('Payment successfully completed');
  }
} on Exception catch (e) {
  if (e is StripeException && context.mounted) {
    // scaffoldMessenger.showSnackBar(
    //   SnackBar(
    //     content: Text('Error from Stripe: ${e.error.localizedMessage}'),
    //   ),
    // );
    print('Error from Stripe: ${e.error.localizedMessage}');
  } else {
    if (context.mounted) {
      // scaffoldMessenger.showSnackBar(
      //   SnackBar(
      //     content: Text('Unforeseen error: $e'),
      //   ),
      // );

      print('Unforeseen error: $e');
    }
  }
}

}

String extractPaymentIntentId(String clientSecret) {
return clientSecret.split('_secret')[0];
}

Future<String?> fetchPaymentIntentClientSecret(String methodType) async {
try {
final dio = Dio();

  final response = await dio.post(
    'https://api.stripe.com/v1/payment_intents',
    options: Options(
      headers: {
        'Authorization': 'Bearer  {SECRET_KEY}',
      },
      contentType: Headers.formUrlEncodedContentType,
    ),
    data: {
      'currency': 'usd',
      'amount': 1099, // Change dynamically
      // 'automatic_payment_methods[enabled]': 'true',
      'payment_method_types[]': [methodType],
    },
  );

  return response.data?['client_secret'];
} catch (e) {
  print("Error fetching client secret for $methodType: $e");
  return null;
}

}

@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
title: Text(widget.title),
),
body: Center(
// Center is a layout widget. It takes a single child and positions it
// in the middle of the parent.
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Text(
'You have pushed the button this many times:',
),
Text(
'$_counter',
style: Theme.of(context).textTheme.headlineMedium,
),
ElevatedButton(onPressed: () {
_invokeAliPay();
}, child: Text('AliPay'))
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: const Icon(Icons.add),
), // This trailing comma makes auto-formatting nicer for build methods.
);
}
}