-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathpayment-test.html
52 lines (51 loc) · 2.16 KB
/
payment-test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<!-- SDK 추가 -->
<script src="https://js.tosspayments.com/v2/standard"></script>
</head>
<body>
<!-- 결제하기 버튼 -->
<button class="button" style="margin-top: 30px" onclick="requestPayment()">결제하기</button>
<script>
// ------ SDK 초기화 ------
// @docs https://docs.tosspayments.com/sdk/v2/js#토스페이먼츠-초기화
const clientKey = "test_ck_P9BRQmyarYleDvqAJl9vVJ07KzLN";
const customerKey = "73aquFOXjmU1frR4CH91r";
const tossPayments = TossPayments(clientKey);
// 회원 결제
// @docs https://docs.tosspayments.com/sdk/v2/js#tosspaymentspayment
const payment = tossPayments.payment({ customerKey });
// 비회원 결제
// const payment = tossPayments.payment({customerKey: TossPayments.ANONYMOUS})
// ------ '결제하기' 버튼 누르면 결제창 띄우기 ------
// @docs https://docs.tosspayments.com/sdk/v2/js#paymentrequestpayment
async function requestPayment() {
// 결제를 요청하기 전에 orderId, amount를 서버에 저장하세요.
// 결제 과정에서 악의적으로 결제 금액이 바뀌는 것을 확인하는 용도입니다.
await payment.requestPayment({
method: "CARD", // 카드 결제
amount: {
currency: "KRW",
value: 50000,
},
orderId: "c5631c84-b4a5-4514-8a3a-2ab58d47dd87",
orderName: "토스 티셔츠 외 2건",
successUrl: window.location.origin + "/success", // 결제 요청이 성공하면 리다이렉트되는 URL
failUrl: window.location.origin + "/fail", // 결제 요청이 실패하면 리다이렉트되는 URL
customerEmail: "[email protected]",
customerName: "신예찬",
customerMobilePhone: "01024725809",
// 카드 결제에 필요한 정보
card: {
useEscrow: false,
flowMode: "DEFAULT", // 통합결제창 여는 옵션
useCardPoint: false,
useAppCardOnly: false,
},
});
}
</script>
</body>
</html>