Dark mode
Stripe
Online payment platform for developers
Stripe Products
Product | คำอธิบาย | เหมาะสำหรับ |
---|---|---|
ระบบชำระเงินออนไลน์ | ธุรกิจทุกประเภท | |
ระบบจัดการสมาชิกและการสมัครสมาชิก | SaaS, บริการสมาชิก | |
แพลตฟอร์มสำหรับผู้ขายหลายราย | ตลาดซื้อขายสินค้า | |
ระบบชำระเงินหน้าร้าน | ร้านค้าปลีก | |
ระบบรายงานขั้นสูง | ธุรกิจขนาดใหญ่ | |
ระบบตรวจจับการฉ้อโกง | ธุรกิจทุกประเภท |
Get Started
รับ API Keys จาก Stripe Dashboard
- เข้าสู่ระบบ
Stripe Dashboard
- ไปที่ "Developers" > "API Keys"
- คัดลอก Publishable key และ Secret key
- เข้าสู่ระบบ
ติดตั้งแพคเกจที่จำเป็น
bash
npm install stripe @stripe/stripe-js
bash
yarn add stripe @stripe/stripe-js
bash
pnpm add stripe @stripe/stripe-js
bash
bun add stripe @stripe/stripe-js
- ตั้งค่า API Keys
env
STRIPE_PUBLIC_KEY=pk_test_51...
STRIPE_SECRET_KEY=sk_test_51...
- ตั้งค่า Stripe Client
tsx
import { loadStripe } from '@stripe/stripe-js';
const stripeClient = loadStripe(process.env.REACT_APP_STRIPE_PUBLIC_KEY);
function CheckoutButton() {
const handleClick = async () => {
const stripe = await stripeClient;
await stripe.redirectToCheckout({
lineItems: [{ price: 'price_123', quantity: 1 }],
mode: 'payment'
});
};
return <button onClick={handleClick}>Checkout</button>;
}
vue
<script setup lang="ts">
import { loadStripe } from '@stripe/stripe-js';
const stripeClient = loadStripe(import.meta.env.VITE_STRIPE_PUBLIC_KEY);
const handleCheckout = async () => {
const stripe = await stripeClient;
await stripe.redirectToCheckout({
lineItems: [{ price: 'price_123', quantity: 1 }],
mode: 'payment'
});
};
</script>
<template>
<button @click="handleCheckout">Checkout</button>
</template>
- ทดสอบการเชื่อมต่อ
bash
curl https://api.stripe.com/v1/charges -u sk_test_51...:
- เริ่มพัฒนา
ก่อนเริ่มพัฒนา ควรศึกษาเอกสาร API ให้เข้าใจ:
Developer Tools
CLI Commands
Command | Description |
---|---|
npm install -g stripe-cli | ติดตั้ง Stripe CLI |
stripe login | ล็อกอินเข้าสู่ระบบ Stripe |
stripe listen --forward-to localhost:3000/webhook | ฟอร์เวิร์ด webhook ไปยังเซิร์ฟเวอร์ |
API Commands
Command | Description |
---|---|
stripe payment_intents create | สร้าง Payment Intent |
stripe checkout_sessions create | สร้าง Checkout Session |
stripe subscriptions create | สร้าง Subscription |
Dashboard Links
Link | Description |
---|---|
หน้าจอทดสอบ Stripe | |
ดูประวัติการเรียกใช้ API | |
ทดสอบ webhook |
APIs
Payments
API | คำอธิบาย | การใช้งานทั่วไป |
---|---|---|
ระบบจัดการการชำระเงิน | การชำระเงินออนไลน์ | |
ระบบจัดการวิธีการชำระเงิน | บันทึกบัตรเครดิต | |
ระบบจัดการการชำระเงินแบบครั้งเดียว | สินค้าทั่วไป | |
ระบบชำระเงินแบบครบวงจร | ชำระเงินในหน้าเดียว | |
ระบบชำระเงินหน้าร้าน | จุดขายหน้าร้าน |
Subscriptions
API | คำอธิบาย | การใช้งานทั่วไป |
---|---|---|
ระบบจัดการข้อมูลลูกค้า | จัดการสมาชิก | |
ระบบจัดการสมาชิก | บริการรายเดือน | |
ระบบจัดการใบแจ้งหนี้ | สร้างใบแจ้งหนี้ |
Products & Pricing
API | คำอธิบาย | การใช้งานทั่วไป |
---|---|---|
ระบบจัดการสินค้า | รายการสินค้า | |
ระบบจัดการราคา | กำหนดราคาสินค้า |
Management
API | คำอธิบาย | การใช้งานทั่วไป |
---|---|---|
ระบบจัดการการคืนเงิน | คืนเงินให้ลูกค้า | |
ระบบจัดการข้อพิพาท | กรณีเรียกคืนเงิน | |
ระบบจัดการภาษี | คำนวณภาษี |