Documentation

1Introduction aux méthodes d’intégration des terminaux

De manière générale, il existe deux façons de traiter les paiements sur un terminal :

  • Utiliser le terminal en mode autonome, où le caissier saisit le montant à débiter sur le terminal, ou

  • connecter la caisse au terminal et laisser la caisse coordonner le paiement sur le terminal.

En mode autonome, aucune intégration n'est requise et le terminal peut donc être simplement utilisé. Les transactions effectuées sur le terminal apparaissent dans la liste des transactions une fois qu'elles sont exécutées.

Si vous prévoyez d'intégrer votre application au terminal, vous disposez des options suivantes :

  • Vous connecter au terminal via un socket sur le réseau local. Si vous êtes intéressé par cette intégration, veuillez prendre contact avec nous.

  • Vous connecter au terminal via un websocket. Le WebSocket utilisera un serveur de notre côté pour se connecter à l'appareil terminal.

  • Vous connecter au terminal via une requête HTTP en long polling.

Le reste de la documentation se concentre sur les deux dernières méthodes de connexion. Les méthodes de connexion sont en général très similaires :

  1. Assurez-vous que le terminal est connecté à Internet. Cela peut varier selon le matériel du terminal.

  2. Créez une transaction avec le Transaction Service. Utilisez l'opération create pour créer une nouvelle transaction.

  3. Connectez votre caisse pour initialiser le traitement du paiement à l'aide de WebSockets ou du mécanisme de long polling.

La création de la transaction s'effectue de la même manière que pour toute autre intégration.

Lorsque vous n'êtes pas sûr de la méthode à utiliser, nous avons essayé de lister certaines propriétés des différentes méthodes :

  • Le long polling est plus simple à intégrer, car le long polling via WebSockets utilise simplement une opération de service web standard.

  • Le long polling n'offre aucune interaction avec le client. Ces interactions permettent une meilleure expérience pour le client.

2Intégration de caisse avec Long Polling

Dans un premier temps, vous devez créer une transaction. Pour cela, vous pouvez utiliser le Transaction Service et l’opération créer.

Ensuite, vous pouvez utiliser l’opération effectuer la transaction pour déclencher une transaction sur le terminal. L’opération perform transaction ne répond pas à la requête HTTP pendant environ 80 secondes au maximum. Pendant ce temps, le terminal essaie d’effectuer la transaction. Lorsque la transaction réussit ou échoue, l’opération perform transaction renvoie immédiatement le résultat. Si le terminal a besoin de plus de temps, la méthode répond avec le statut HTTP 543. Dans ce cas, la méthode doit être invoquée à nouveau avec les mêmes paramètres.

Le pseudo-code suivant montre comment implémenter ce modèle :

function carryOutTransaction(spaceId, terminalId, transactionId) {
	for (i = 0; i < 10; i++) {
		try {
			paymentTerminalTillService.performTransaction(spaceId, transactionId, terminalId);
		}
		catch(Exception e) {
			// We log the exception but do not stop the processing. Generally
			// it is better not just to repeat with the status code 543 rather also
			// with any other error that can be caused by a connection issue.
			log(e);
		}
	}
}

Il existe deux opérations perform transaction différentes sur le Payment Terminal Till Service :

  • Vous pouvez effectuer la transaction avec l’ID du terminal ou

  • Vous pouvez effectuer la transaction avec l’identifiant du terminal.

L’identifiant du terminal est l’ID que vous voyez aussi sur le reçu, etc. Le modèle est 3xxx xxxx. L’identifiant du terminal, quant à lui, est un numéro plus court visible uniquement dans le portail.

3Intégration de caisse avec WebSockets

Comme il y a des interactions entre le caissier et le terminal pendant le processus de paiement, il faut utiliser une technique qui le permette. Concrètement, l’interaction nécessite une communication bidirectionnelle. Les WebSockets permettent ce type de communication.

Au sein du WebSocket, le protocole STOMP est utilisé pour échanger des messages. Voir https://stomp.github.io/stomp-specification-1.2.html

3.1Connexion

La connexion ouvre le canal et, par conséquent, le traitement de la transaction démarre sur le terminal. Tous les détails de la transaction, comme le montant, etc., sont repris de l’objet transaction créé précédemment avec le Transaction Service via l’API REST habituelle.

Lorsque le WebSocket se rompt à cause d’un problème de réseau (cela peut arriver souvent sur un réseau mobile, par exemple), le traitement du paiement ne s’arrête pas. Le WebSocket peut être rouvert et le Connect peut être renvoyé. Le système essaie de reprendre la transaction. Si le délai d’attente a été atteint, la transaction échoue et le message error est envoyé en conséquence par le serveur. Dans ce cas, une nouvelle transaction doit être démarrée.

3.2Messages WebSocket

Les messages à afficher sur la caisse sont transmis sous forme d’objets JavaScript simples et peuvent contenir les éléments suivants.

3.2.1Notification

La notification contient des informations à afficher à l’opérateur sur la caisse.

{
	information: {
		elements: [ ... ],
		recipient: "CUSTOMER" or "MERCHANT"
	}
}

3.2.2Question

La question contient des informations à afficher à l’opérateur sur la caisse ainsi que des options parmi lesquelles il doit choisir.

{
	information: {
		elements: [ ... ],
		recipient: "CUSTOMER" or "MERCHANT"
	},
	options: [
		{
			identifier: "option-1",
			text: "First option",
			primary: true
		},
		{
			identifier: "option-2",
			text: "Second option",
			primary: false
		}
	]
}

3.2.3Erreur

Les erreurs relatives aux requêtes WebSocket contiennent les informations suivantes.

{
	id: "ab-1234567 (2000-01-01T00:00:00.000Z)",
	date: "2000-01-01T00:00:00.000",
	message: "Translated error message",
	defaultMessage: "English error message",
	type: "END_USER_ERROR" or "CONFIGURATION_ERROR" or "DEVELOPER_ERROR" or "SERVER_ERROR"
}

3.3Éléments

Paragraphe

Le paragraphe représente un bloc de texte.

Exemple

Ridiculus metus pulvinar morbi natoque sem etiam dictum, hac ipsum placerat risus orci est ante, fames tellus felis erat elit gravida. Euismod facilisis gravida sollicitudin nisi pellentesque tincidunt enim fusce dictum sit, odio magna feugiat interdum varius himenaeos diam venenatis sociis.

{
	text: "Ridiculus metus pulvinar morbi natoque sem etiam dictum, hac ipsum placerat risus orci est ante, fames tellus felis erat elit gravida. Euismod facilisis gravida sollicitudin nisi pellentesque tincidunt enim fusce dictum sit, odio magna feugiat interdum varius himenaeos diam venenatis sociis.",
	type: "PARAGRAPH"
}

Liste ordonnée

La liste ordonnée représente une liste numérotée d’éléments :

Exemple
  1. First

  2. Second

  3. Third

{
	items: [
		{ text: "First" },
		{ text: "Second" },
		{ text: "Third" }
	],
	type: "ORDERED_LIST"
}

Liste non ordonnée

La liste non ordonnée représente une liste d’éléments avec des puces.

Exemple
  • First

  • Second

  • Third

{
	items: [
		{ text: "First" },
		{ text: "Second" },
		{ text: "Third" }
	],
	type: "UNORDERED_LIST"
}

Liste descriptive

La liste ordonnée représente une liste d’éléments avec description.

Exemple
First

The first element

Second

The second element

Third

The third element

{
	items: [
		{
			description: "First",
			text: "The first element"
		},
		{
			description: "Second",
			text: "The second element"
		},
		{
			description: "Third",
			text: "The third element"
		}
	],
	type: "DESCRIPTION_LIST"
}

Tableau

Table 1. Exemple
Text Number Amount

First

1

USD1.00

Second

2

CHF2.00

Third

3

EUR3.00

{
	columns: [
		{
			identifier: "text",
			text: "Text",
			type: "TEXT"
		},
		{
			identifier: "number",
			text: "Number",
			type: "NUMBER"
		},
		{
			identifier: "amount",
			text: "Amount",
			type: "AMOUNT"
		}
	],
	rows: [
		{ cells: [
			{ column: "text", text: "First" },
			{ column: "number", text: "1" },
			{ column: "amount", text: "USD1.00" }
		] },
		{ cells: [
			{ column: "text", text: "Second" },
			{ column: "number", text: "2" },
			{ column: "amount", text: "CHF2.00" }
		] },
		{ cells: [
			{ column: "text", text: "Third" },
			{ column: "number", text: "3" },
			{ column: "amount", text: "EUR3.00" }
		] },
	],
	type: "TABLE"
}

4SDK JavaScript

Pour connecter votre caisse via un WebSocket en utilisant JavaScript, nous recommandons d’utiliser notre utilitaire JavaScript TerminalTillConnection.

  1. Incluez le fichier JavaScript de l’utilitaire.

    <script src="https://staging-wallee.com/assets/payment/terminal-till-connection.js" type="text/javascript"></script>
  2. Créez une nouvelle instance de TerminalTillConnection en passant l’URL du WebSocket et les identifiants de connexion comme options.

    var tillConnection = new TerminalTillConnection({
    	url: "wss://staging-wallee.com/terminal-websocket",
    	token: "[connection-credentials]"
    });
  3. Abonnez-vous aux événements pour traiter les messages provenant du terminal.

    tillConnection.subscribe("notification", function(payload){
    	// Display the information on the till.
    });
    
    tillConnection.subscribe("question", function(payload, callback){
    	// Display the question on the till and allow the attendant to chose one of the options.
    	// Call the callback method with the chosen option's identifier as argument.
    	callback(optionIdentifier);
    });
    
    tillConnection.subscribe("charged", function(){
    	// The transaction has been successfully charged.
    });
    
    tillConnection.subscribe("canceled", function(){
    	// The payment was canceled.
    });
    
    tillConnection.subscribe("error", function(error){
    	// An error occurred during the process of a WebSocket request.
    });
    
    tillConnection.subscribe("connected", function(){
    	// The connection has been established.
    });
    
    tillConnection.subscribe("disconnected", function(){
    	// The connection has been disconnected or lost.
    });
  4. Établissez la connexion.

    tillConnection.connect();
  5. Utilisez la méthode cancel pour annuler le paiement.

    tillConnection.cancel();
Staging 2.218.1