How to get tokenID from Stripe credit card in flutter - flutter

Question

I want to get the tokenID from my credit card. I saw this Article is using StripeSource.addSource but the latest stripe package did not have StripeSource.addSource. So I do like this:
StripePayment.paymentRequestWithCardForm(
CardFormPaymentRequest())
.catchError((e) {
print('ERROR ${e.toString()}');
}).then((PaymentMethod paymentMethod) async {
final CreditCard testCard = CreditCard(
number: paymentMethod.card.number,
expMonth: paymentMethod.card.expMonth,
expYear: paymentMethod.card.expYear
);
StripePayment.createTokenWithCard(testCard).then((token) {
print(token.tokenId);
});
});
But I get the error Unhandled Exception: PlatformException(invalidRequest, Missing required param: card[number]., null)
Anyone can help me solve this problem? Thank you

Answer 1

I do like this:
class _MyHomePageState extends State<MyHomePage> {
static String secret = 'sk_test_xxxxxxxxxxxxx';
TextEditingController cardNumberController = new TextEditingController();
TextEditingController expYearController = new TextEditingController();
TextEditingController expMonthController = new TextEditingController();
#override
initState() {
super.initState();
StripePayment.setOptions(
StripeOptions(publishableKey: "pk_testxxxxxx", merchantId: "Test", androidPayMode: 'test')
);
}
#override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
TextField(
controller: cardNumberController,
decoration: InputDecoration(labelText: 'Card Number'),
),
TextField(
controller: expMonthController,
keyboardType: TextInputType.number,
decoration: InputDecoration(labelText: 'Expired Month'),
),
TextField(
controller: expYearController,
keyboardType: TextInputType.number,
decoration: InputDecoration(labelText: 'Expired Year'),
),
RaisedButton(
child: Text('card'),
onPressed: () {
final CreditCard testCard = CreditCard(
number: cardNumberController.text,
expMonth: int.parse(expMonthController.text),
expYear: int.parse(expYearController.text)
);
StripePayment.createTokenWithCard(testCard).then((token) {
print(token.tokenId);
createCharge(token.tokenId);
});
},)
],
),
),
);
}
static Future<Map<String, dynamic>> createCharge(String tokenId) async {
try {
Map<String, dynamic> body = {
'amount': '2000',
'currency': 'usd',
'source': tokenId,
'description': 'My first try'
};
var response = await http.post(
'https://api.stripe.com/v1/charges',
body: body,
headers: { 'Authorization': 'Bearer ${secret}','Content-Type': 'application/x-www-form-urlencoded'}
);
return jsonDecode(response.body);
} catch (err) {
print('err charging user: ${err.toString()}');
}
return null;
}
}

Answer 2

You do not need a token if you have a paymentMethod.
This code works for me:
PaymentMethod paymentMethod = PaymentMethod();
paymentMethod = await StripePayment.paymentRequestWithCardForm(
CardFormPaymentRequest(),
).then((PaymentMethod paymentMethod) {
return paymentMethod;
}).catchError((e) {
print('Errore Card: ${e.toString()}');
});
After this, you can check the paymentMethod and if not null you can go ahead with charging the card