Aller au contenu principal
Tous les systèmes sont opérationnelsNouveautésv1
Se connecter

Astropay via Widget

Sur cette page

Conditions préalables#

Avant de mettre en œuvre Astropay, assurez-vous d'avoir :

  1. Astropay activé dans le panneau d'administration DEUNA
  2. Un jeton de commande généré.
  3. Intégré le DEUNA SDK dans votre projet.
  4. Examiné le Documentation du widget de paiement pour votre plateforme.

Configuration du mode de paiement#

Afficher le Widget de paiement en passant la configuration Astropay dans le paymentMethods parameter.

JSON
[
    {
    "paymentMethod": "wallet",
    "processors": ["astropay"]
    }
]

Widget de paiement - Web#

JavaScript
DeunaSDK.initPaymentWidget({
  orderToken: 'YOUR_ORDER_TOKEN',
  paymentMethods: [
    {
      paymentMethod: 'wallet',
      processors: ['astropay'],
    },
  ],
  callbacks: { ... },
});

Widget de paiement - Android#

Modal (PageSheet)Swift
// MODAL
deunaSDK.initPaymentWidget(
    context = context,
    orderToken = orderToken,
    callbacks = PaymentWidgetCallbacks().apply { ... },
    paymentMethods = listOf(
        mapOf(
            "paymentMethod" to "wallet",
            "processors" to listOf("astropay")
        )
    )
)

/// EMBEDDED
PaymentWidgetConfiguration(
    orderToken = orderToken,
    paymentMethods = listOf(
        mapOf(
            "paymentMethod" to "wallet",
            "processors" to listOf("astropay")
        )
    ),
    callbacks = PaymentWidgetCallbacks().apply { ... },
    sdkInstance = deunaSDK
)

Widget de paiement - iOS#

Swift
/// MODAL
deunaSDK.initPaymentWidget(
 orderToken: "<DEUNA order token>",
 userToken: ..., // optional
 styleFile: ..., // optional
 callbacks: ...,
 paymentMethods: [
   [ 
     "paymentMethod": "wallet",
     "processors": ["astropay"],
   ]
 ]
)

// EMBEDDED
DeunaWidget(
  deunaSDK: deunaSDK,
  configuration: PaymentWidgetConfiguration(
    orderToken: "YOUR_ORDER_TOKEN",
    callbacks: PaymentWidgetCallbacks(
      onSuccess: { order in },
      onError: { error in },
      onEventDispatch: { event, data in }
    ),
     paymentMethods: [
       [ 
         "paymentMethod": "wallet",
         "processors": ["astropay"]
       ]
     ]
  )
)

Widget de paiement - React Native#

JavaScript
/// MODAL
DeunaSDK.initPaymentWidget({
  orderToken: 'YOUR_ORDER_TOKEN',
  paymentMethods: [
    {
      paymentMethod: 'wallet',
      processors: ['astropay'],
    },
  ],
  callbacks: { ... },
});