Flutter
Let your Flutter app has an amazing and seamless payment experience by using Ottu SDK which is Flutter.
Ottu offers, various and customizable UI screen in addition to elements which can be used out of the box to get your user’s payment information.
Ottu supports your user interface by low level APIs, empowering you to build a custom experience.
For optimal security, call REST APIs from server-side implementations, not client-side applications such as mobile apps or web browsers.
Simplified security: Collecting sensitive data such like credit card numbers and complying with PCI make collecting process simplified secured.
Instead of passing through your server, Ottu receives the sensitive data directly.
Apple Pay: Integrate seamlessly with Apple Pay.
Native UI: Native UI and elements to collect payment details.
.png?alt=media&token=d7f9fbfc-9465-4594-b2a0-61e55d7722cd)
.png?alt=media&token=c808324f-945d-46e1-8e15-a23ca5635bcb)
Localized: both English and Arabic localizations are supported.
Apple's in-app purchase APIs should be utilized for selling digital product or services which are used within your app such like (game hints & level promotions, upgrading subscription plans, unlock enhancement features).
Ottu SDK could be used for other purposes.
Collecting data by Ottu SDK is just for enhancement of our services and product, this data is never being sold, rented or used for advertising.
Of course, data confidentially is highly appreciated.
The Ottu requires Flutter >=2.0 or above is compatible with android and iOS.
You have to get a session token by using Ottu public API to initiate the required SDK. See Rest API
ottu: <latest version>
In your dart file, just import Ottu package and initialize Ottu SDK.
import 'package:ottu/ottu.dart';
//extend PaymentDelegate class
class _HomeScreenState extends State<HomeScreen> implements PaymentDelegate {
// create instance of ottu
Ottu ottu = Ottu();
void makePayment() async {
try {
//add context,session_id,API_KEY,MERCHANT_ID,paymentDelegate's object and language(ENTER_LANGUAGE_ID_en_or_ar)
await ottu.open(context, "session_id","API_KEY",'MERCHANT_ID', this, lang: "language");
} catch (e) {
//catch errors
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: ElevatedButton(
child: const Text('Open SDK'),
onPressed: () {
makePayment();
},
),
),
);
}
//callback functions
@override
void cancelCallback(PaymentStatus paymentStatus) {
//handle payment fail.
}
@override
void successCallback(PaymentStatus paymentStatus) {
//handle payment success.
}
@override
void beforeRedirect(PaymentStatus paymentStatus) {
//handle payment before redirect.
}
@override
void errorCallback(PaymentStatus paymentStatus) {
//handle error.
}
}
To integrate Apple Pay, you need to enable Apple Pay in capabilities in your project.
Last modified 1mo ago