41devs-gateway

Package npm : au clic, ouvre une fenêtre vide avec le logo 41 Devs, la signature « Propulsé par 41 Devs », le bouton Annuler et le X pour fermer. Aucun champ, aucun formulaire à l’intérieur.

Installation

npm install github:Jorgo69/41devs-gateway#main

Ou après publication npm : npm install 41devs-gateway

Utilisation

1. Crée la gateway une fois.
2. Au clic (bouton ou autre), appelle gateway.openPayment() — rien à préciser, la fenêtre s’ouvre.
3. L’utilisateur ferme avec Annuler ou X.

Exemple à copier-coller (HTML + JS) :

<button type="button" id="pay-btn">Ouvrir</button>
<script type="module">
  import { createGateway } from '41devs-gateway'

  const gateway = createGateway({
    publicKey: 'pk_xxx',
    environment: 'sandbox',
  })

  document.getElementById('pay-btn').addEventListener('click', () => {
    gateway.openPayment()
  })
</script>

Exemple à copier-coller (VueJs 3) :

<script setup>
import { createGateway } from '41devs-gateway'

// Configuration globale de la gateway (clé publique, environnement, etc.)
const gateway = createGateway({
  publicKey: 'PUBLIC_KEY_DE_TEST',
  environment: 'sandbox',
})

const payer = () => {
  gateway.openPayment()
}
</script>

<template>
  <main>
    <h1>Test de 41devs-gateway</h1>
    <button @click="payer">Payer 1000 XOF</button>
  </main>
</template>

Projet en ES modules (Vite, Webpack, ou "type": "module" dans package.json).