เชื่อมต่อ TutuPay

ให้ผลิตภัณฑ์ของคุณเรียกเก็บค่าบริการเสริมจากยอด Tutu ร่วม โดยไม่ต้องสร้างระบบชำระเงินเอง

เชื่อมต่อใน 3 ขั้นตอน

  1. 1

    คัดลอก SDK

    คัดลอก lib/pay-sdk/index.ts ไปยัง repo ผลิตภัณฑ์ของคุณ

  2. 2

    สร้างอินสแตนซ์

    เรียก createTutuPay({ clientId }) ด้วย clientId ของคุณ

  3. 3

    เริ่มการชำระเงิน

    เรียก pay.checkout({ sku }) ป็อปอัปจะจัดการเข้าสู่ระบบ+สั่งซื้อ+ชำระเงิน

import { createTutuPay } from '$lib/pay-sdk';

const pay = createTutuPay({
  baseUrl: import.meta.env.VITE_TUTUPAY_URL,
  clientId: 'tutuedit'
});

const r = await pay.checkout({ kind: 'export_credits', sku: 'pack_100' });
if (r.status === 'paid') {
  // grant credits idempotently on your side; use r.orderId to double-check
}

ทำงานอย่างไร

หน้าชำระเงินแบบโฮสต์ทำการเข้าสู่ระบบ สั่งซื้อ และชำระเงินในป็อปอัป (ใช้รากความเชื่อ tutuid เดียวกัน ไม่ต้องล็อกอินซ้ำ) และส่งผลกลับผ่าน postMessage ผลิตภัณฑ์ของคุณไม่แตะยอดเงินหรือข้อมูลรับรองการชำระเงิน เพิ่ม SKU ด้วยโค้ดบรรทัดเดียวใน orders.rs sku_price() ฝั่งแบ็กเอนด์

เปิดเดโมการเชื่อมต่อ