Aperçu

Déroulement d'une transaction Moneris Checkout

Pour intégrer Moneris Checkout, effectuer les étapes suivantes :

1. Configurer le Centre de ressources pour commerçants afin de générer les identifiants utilisés dans les appels côté serveur.
2. Créer une page de paiement personnalisée côté client qui gère de façon sécurisée le parcours de paiement du titulaire de carte.
3. Appeler le serveur de Moneris afin d'obtenir un numéro de ticket temporaire avant le début du paiement.
4. Mettre en place la logique serveur à serveur qui assure les échanges avec le serveur Moneris Checkout.
5. Lancer le paiement afin de récupérer le numéro de ticket et d'intégrer la fenêtre de paiement à la page côté client.
6. Traiter tous les cas de rappel prévus pendant et après le paiement, puis mettre en œuvre la demande Receipt dans la logique côté serveur.
   

Le processus Moneris Checkout se déroule comme suit :

sequenceDiagram
   actor Customer as Titulaire de carte
   participant Browser as Navigateur / client
  participant MonerisJS as Code JS Moneris Checkout<br/>(côté client)
   participant Merchant as Serveur du commerçant
   participant MonerisServer as Serveur Moneris<br/>Checkout
   Browser->>Merchant: 1. Affichage de la page de confirmation<br/>de commande du commerçant
   Merchant->>MonerisServer: 2. Demande Preload
   MonerisServer->>Merchant: 3. Réponse Preload
   Merchant->>Browser: 4. Le commerçant transmet le ticket au navigateur
  Browser->>MonerisJS: 5. Appel JavaScript startCheckout()<br/>au moyen des bibliothèques JS de Moneris
   Customer->>MonerisJS: 6. Le titulaire de carte consulte la page de paiement Moneris<br/>et saisit les renseignements de sa carte
  MonerisJS-->>Browser: 7. Événements de rappel intermédiaires<br/>- page_loaded()<br/>- error_event()<br/>- cancel_transaction()
   MonerisJS->>MonerisServer: 8a. Transmission des renseignements de carte<br/>à la passerelle de paiement pour traitement
   MonerisServer->>MonerisJS: 8b. Retour de la réponse de transaction
  MonerisJS-->>Browser: 9. Déclenchement de l'événement de rappel<br/>payment_receipt()<br/>* selon la configuration de MCO
  MonerisJS->>Browser: 10. Déclenchement de l'événement de rappel payment_complete()
   Browser->>Merchant: 11. Le code JavaScript du commerçant confie le contrôle au serveur
   Merchant->>MonerisServer: 12. Demande Receipt
   MonerisServer->>Merchant: 13. Réponse Receipt
   Merchant->>Browser: 14. Le commerçant affiche la réponse
  Browser->>MonerisJS: 15. Appel JavaScript closeCheckout()<br/>au moyen des bibliothèques JS de Moneris

Pour commencer

Consulter les liens suivants pour créer une page Moneris Checkout personnalisée.