<aside> đź’ˇ Disponible via https://cdn.cresh.eu/lib/v1/cresh.min.js
</aside>
La méthode principale Cresh
(disponible directement dans global une fois la librairie chargée) accepte un objet en paramètre avec les attributs suivants:
publishableKey
: La clé publique fourni dans votre Dashboard Cresh en fonction de votre environnement (test
ou live
).apiUrl
: L'URL utilisé par la librairie pour se connecter à notre API, disponible dans votre Dashboard Cresh. Diffère en fonction de l'environnement et de la version.headless
: Flag Ă usage interne, ne pas utiliser.<script src="<https://cdn.cresh.eu/lib/v1/cresh.min.js>"></script>
<script>
const cresh = Cresh({
publishableKey: 'pk_test_xxxxxxxxxxxxxxxx',
apiUrl: '<https://sandbox.payment.cresh.eu>',
});
</script>
mount()
Permet d'attacher les éléments UI au DOM de la page pour afficher la sélection des échéances et la soumission du paiement fourni par défaut par Cresh.
Elle accepte un objet avec les attributs suivant :
amount
: Montant total de la transaction (en centimes). Exemple pour €150.00
, mettre la valeur 15000
.domElement
: id
d'un élément du DOM où attacher les éléments UI. Typiquement un div
vide.<html>
<!-- ... -->
<body>
<!-- ... -->
<div id="cresh-placeholder"></div>
<script src="<https://cdn.cresh.eu/lib/v1/cresh.min.js>"></script>
<script>
const cresh = Cresh({
publishableKey: 'pk_test_xxxxxxxxxxxxxxxx',
apiUrl: '<https://sandbox.payment.cresh.eu>',
});
cresh.mount({
amount: '25000', // exemple pour €250,00
domElement: "cresh-placeholder",
});
</script>
</body>
</html>
checkout
Le module checkout
s'occupe des différents comportement métier pour soumettre le paiement.
payload()
La méthode payload()
s'occupe de correctement paramétré les informations qui nous seront transmises lors de la soumission d'un paiement. Elle doit être utilisé avant toute soumission pour correctement définir le contexte du paiement, autrement une erreur sera lancée.