API Collection / Payment — TROLOOPAY

$clientId     = getenv('TROLOOPAY_CLIENT_ID');
$clientSecret = getenv('TROLOOPAY_CLIENT_SECRET');

$payload = http_build_query([
    'client_id'     => $clientId,
    'client_secret' => $clientSecret,
    'amount'        => 5000,
    'currency'      => 'XOF',
    'method'        => 'TROLOOPAY',
    'success_url'   => 'https://votre-site.com/paiement/succes',
    'cancel_url'    => 'https://votre-site.com/paiement/annule',
    'ipn_url'       => 'https://votre-site.com/webhook/payment',
]);

$ch = curl_init('https://troloo.com/initiate-payment-api');
curl_setopt_array($ch, [
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_POST           => true,
    CURLOPT_POSTFIELDS     => $payload,
    CURLOPT_TIMEOUT        => 15,
    CURLOPT_HTTPHEADER     => ['Accept: application/json'],
]);
$response = json_decode(curl_exec($ch), true);
curl_close($ch);

if ($response['code'] === 200) {
    $approvedUrl     = $response['data']['url']['approvedUrl'];
    $transactionuuid = $response['data']['url']['transactionuuid'];

    // Rediriger l'acheteur
    header('Location: ' . $approvedUrl);
    exit;
}

const params = new URLSearchParams({
  client_id:     process.env.TROLOOPAY_CLIENT_ID,
  client_secret: process.env.TROLOOPAY_CLIENT_SECRET,
  amount:        "5000",
  currency:      "XOF",
  method:        "TROLOOPAY",
  success_url:   "https://votre-site.com/paiement/succes",
  cancel_url:    "https://votre-site.com/paiement/annule",
  ipn_url:       "https://votre-site.com/webhook/payment",
});

const res = await fetch("https://troloo.com/initiate-payment-api", {
  method: "POST",
  body: params,
  headers: { "Accept": "application/json" },
});

const data = await res.json();

if (data.code === 200) {
  const { approvedUrl, transactionuuid } = data.data.url;
  // Rediriger l'acheteur
  res.redirect(approvedUrl);
}

<!-- IMPORTANT : ne jamais exposer client_secret dans le frontend.
     Passez par votre propre backend qui appelle TROLOOPAY côté serveur. -->

<script setup>
import { ref } from "vue";

const loading = ref(false);
const error   = ref(null);

async function pay() {
  loading.value = true;
  error.value   = null;

  try {
    // Votre backend sécurisé initie le paiement et retourne l'approvedUrl
    const res = await fetch("/api/create-payment", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ amount: 5000, currency: "XOF", method: "TROLOOPAY" }),
    });

    const data = await res.json();

    if (data.approvedUrl) {
      window.location.href = data.approvedUrl;
    }
  } catch (e) {
    error.value = "Impossible d'initier le paiement.";
  } finally {
    loading.value = false;
  }
}
</script>

<template>
  <button class="btn-troloo-primary" :disabled="loading" @click="pay">
    {{ loading ? "Chargement…" : "Payer maintenant" }}
  </button>
  <p v-if="error" class="text-red-500 mt-2">{{ error }}</p>
</template>

import os, requests

client_id     = os.environ["TROLOOPAY_CLIENT_ID"]
client_secret = os.environ["TROLOOPAY_CLIENT_SECRET"]

resp = requests.post(
    "https://troloo.com/initiate-payment-api",
    data={
        "client_id":     client_id,
        "client_secret": client_secret,
        "amount":        5000,
        "currency":      "XOF",
        "method":        "TROLOOPAY",
        "success_url":   "https://votre-site.com/paiement/succes",
        "cancel_url":    "https://votre-site.com/paiement/annule",
        "ipn_url":       "https://votre-site.com/webhook/payment",
    },
    headers={"Accept": "application/json"},
    timeout=15,
)

data = resp.json()

if data.get("code") == 200:
    approved_url     = data["data"]["url"]["approvedUrl"]
    transaction_uuid = data["data"]["url"]["transactionuuid"]
    print("Rediriger vers :", approved_url)