Description:

stripe native

Stripe Native #
Create chargeable stripe tokens using Apple and Google Pay.
This plugin will give you easy access to the Apple and Google Pay payment sheets. And provide one-time source tokens that are used to create a Stripe Charge.

Setup #
Both (Required) #
To begin one will need a Stripe project, from there collect a publishable key.
iOS (Required) #
On the Apple Developer portal, one will need to create a merchant identifier. Then connect that identifier to the Stripe project.
From the Stripe dashboard, create a signing certificate to share with Apple, then upload the signed certificate to Stripe.

Lastly, open the apps' iOS module. Add the newly created identifier to the project's signing capabilities.

Android (Optional) #
On the Google Play console, add the merchant identifier to the app capabilites. This makes the merchant known to Google Pay. With it, users will not see a warning saying this app is an unidentified merchant.
Functions #
Set Publishable Key #
Prior to calling native pay, set the publishable key.
StripeNative.setPublishableKey("pk_test_yZuUz6Sqm83H4lA7SrlAvYCh003MvJiJlR");
copied to clipboard
Set Merchant Identifier #
Prior to calling native pay, set the merchant identifier.
StripeNative.setMerchantIdentifier("merchant.rbii.stripe-example");
copied to clipboard
Set Currency Key #
In order to change the currency, pass in an ISO currency code prior to opening a payment sheet. On iOS it also requires passing in a country code.
StripeNative.setCurrencyKey("EUR");
// Not required on Android
StripeNative.setCountryKey("FR");
copied to clipboard
Native-Pay #
There are two ways to create a payment sheet. With a list of items and prices, or with some subtotal, tax and tip.
Both methods require a merchant name to display at the bottom of the sheet.
// subtotal, tax, tip, merchant name
var order = Order(5.50, 1.0, 2.0, "Some Store");
var token = await StripeNative.useNativePay(order);
copied to clipboard
const itemPrices = <String, double>{"Nice Hat": 5.00, "Used Hat" : 1.50};
var receipt = Receipt(itemPrices, "Hat Store");
var token = await StripeNative.useReceiptNativePay(receipt);
copied to clipboard
Confirm Payment (iOS) #
On iOS the payment sheet spins and ends with a check or X depending on the result passed in. During the spinning, query an endpoint for a charge using the token. This function does not affect Android.
// call charge endpoint w/ token
const wasCharged = await AppAPI.charge(token, amount);
// then show success or failure
StripeNative.confirmPayment(wasCharged);
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter