DEUNA SDKs
Choisir et intégrer le SDK DEUNA pour Web, iOS, Android ou React Native.
Sur cette page
Les SDK DEUNA intègrent les expériences de paiement dans les applications web et mobiles. Choisissez le guide de la plateforme correspondant à l'application que vous déployez, puis utilisez la méthode de produit prise en charge par ce SDK.
Web SDKJavaScript et TypeScript pour toutes les stacks web.JavaScript · CDNReact NativeUne seule intégration pour les applications iOS et Android.TypeScript · iOS + AndroidiOSSDK Swift pour les applications iOS natives.Swift · SPMAndroidSDK Kotlin pour les applications Android natives.Kotlin · Gradle
Choisir une plateforme et un flux#
| Capacité | Site Web | Android | iOS | Réagir à l'initié |
|---|---|---|---|---|
| Widget de paiement | initPaymentWidget | initPaymentWidget | initPaymentWidget | initPaymentWidget |
| Finaliser la commande | Non exposé | initCheckout | initCheckout | Non exposé |
| Coffre-fort de paiement et Paiement en un clic | initElements | initElements | initElements | initElements |
| Continuer l'action 3DS ou une autre action en attente | initNextAction | initNextAction | initNextAction | initNextAction |
| Expérience avec des bons de réduction | initVoucherWidget | initVoucherWidget | initVoucher | initVoucherWidget |
| Interface de portefeuille natif | Apple Pay et Google Pay | Google Payer | Apple Payer | Apple Pay et Google Pay |
| Présentation modale et intégrée | Oui | Oui | Oui | Oui |
Flux d'intégration#
Diagramme de séquence
- Créez la commande sur votre moteur de recherche avec un privé Clé API.
- Retournez uniquement le jeton de commande temporaire à l'application.
- Initialisez le SDK avec la clé API publique et l'environnement correspondants.
- Ouvrez l'expérience appropriée et gérez les appels de retour, les erreurs, la fermeture et les événements de cycle de vie.
- Utilisez l'appel de retour pour mettre à jour l'interface, mais utilisez un webhook vérifié comme source de vérité pour la finalisation.
Règles de cycle de vie courants#
- Assurez-vous qu'une seule instance de l'SDK reste active pendant toute la durée de l'expérience.
- Considérez
onSuccesscomme un signal de l'interface utilisateur ; vérifiez l'état de paiement final sur votre backend. - Poignée
onErroretonCloseddistinctement. La fermeture d'un widget par un utilisateur ne signifie pas nécessairement un échec de paiement. - Libérer le widget lorsque l'écran ou le flux parent se termine. Utilisez
close()Pour un flux actif et le mécanisme de désactivation spécifique à la plateforme pour une vue intégrée. - Appeler
initNextActionUniquement avec le jeton de commande pour une commande que DEUNA signale comme nécessitant une action supplémentaire. - Vérifiez la disponibilité du portefeuille natif avant d'afficher un bouton Apple Pay ou Google Pay appartenant au commerçant.
Code officiel#
Les dépôts maintenus sont la source d'information officielle concernant les versions des paquets, les versions des plateformes prises en charge, les notes de version et les exemples exécutables.