Wie integriere ich Online-Zahlungen über die API in meine Website?
Wissensniveau für diesen Artikel: Sie haben das Erstellen einer Reservierung bereits über die Nutzung der API in Ihre Website integriert. Zu diesem Zeitpunkt verfügen Sie über eine Reservierungsnummer. Außerdem haben Sie eine eingerichtete Zahlungsumgebung und sind in der Lage, über die Kundenseiten Zahlungen entgegenzunehmen.
Nach dem Erstellen einer Reservierung möchten Sie, dass der Kunde diese Reservierung auch direkt bezahlen kann. Dazu müssen Sie den Benutzer an den Zahlungsanbieter weiterleiten. Dieser Artikel beschreibt, wie Sie dies vorbereiten. Es handelt sich nämlich nicht einfach nur um einen Link, sondern er enthält (gesicherte) Daten in Bezug auf die Reservierung und die Zahlung.
Folgen Sie der Anleitung zum Erstellen einer Zahlung.
Eine Response kann so aussehen:
Response: {
"PSPID": "teqainformatica",
"ORDERID": "20093094",
"AMOUNT": 37500,
"CURRENCY": "EUR",
"PARAMVAR": "33388_0",
"LANGUAGE": "nl",
"url": "https://secure.ogone.com/ncol/test/orderstandard.asp",
"SHASign": "21E90410DC5E18E405C7C751E08CD96AB9D3CA68E3C3CCDD21309827E759BBD6187413A4A239A9A47C7AE3746F64118F29273208D859AC7C670254EB2D271EC0"
}
Mit dieser Response kann ein Formular erstellt werden.
Lassen Sie hierfür das Feld url weg, das ist der Ort, an den das Formular gepostet werden muss.
Die übrigen Felder sind die inhaltlichen Felder des Formulars. Diese müssen dem Benutzer selbstverständlich nicht angezeigt werden, sind aber für eine erfolgreiche Zahlung erforderlich.
<!DOCTYPE html>
<html>
<body>
<h2>Example form online payment</h2>
<form action="https://secure.ogone.com/ncol/test/orderstandard.asp" method="POST">
<label for="fname">PSPID:</label><br>
<input type="text" id="PSPID" name="PSPID" value="teqainformatica"><br>
<label for="fname">ORDERID:</label><br>
<input type="text" id="ORDERID" name="ORDERID" value="20093094"><br>
<label for="fname">AMOUNT:</label><br>
<input type="text" id="AMOUNT" name="AMOUNT" value="37500"><br>
<label for="fname">CURRENCY:</label><br>
<input type="text" id="CURRENCY" name="CURRENCY" value="EUR"><br>
<label for="fname">PARAMVAR:</label><br>
<input type="text" id="PARAMVAR" name="PARAMVAR" value="33388_0"><br>
<label for="fname">LANGUAGE:</label><br>
<input type="text" id="LANGUAGE" name="LANGUAGE" value="nl"><br>
<label for="fname">SHASign:</label><br>
<input type="text" id="SHASign" name="SHASign" value="21E90410DC5E18E405C7C751E08CD96AB9D3CA68E3C3CCDD21309827E759BBD6187413A4A239A9A47C7AE3746F64118F29273208D859AC7C670254EB2D271EC0"><br> <input type="submit" value="Submit">
</form>
<p>If you click the "Submit" button, the form-data will be sent to a page called "https://secure.ogone.com/ncol/test/orderstandard.asp".</p>
</body>
</html>
Ausprobieren
Zum ersten Ausprobieren können Sie nun beispielsweise https://www.w3schools.com/html/tryit.asp?filename=tryhtml_form_submit verwenden:
Schritt 1
Schritt 2, ausführen:
Wenn der Ergebnisbildschirm auf diese Weise angezeigt wird, ist die Verbindung korrekt hergestellt.
Falls es noch Probleme gibt, wird dies über einen (relevanten) Fehlercode durch den Zahlungsanbieter zurückgemeldet.
Dieser Artikel ist nicht für Standardzahlungen gedacht. Diese funktionieren "out of the box". Dieser Artikel ist ausschließlich für eine weitergehende Integration gedacht, wenn der Buchungsdialog bereits über die API bereitgestellt ist.
