빌링 서비스 카페24 페이지로 연결
<head>
<title>결제하기</title>
<meta charset="utf-8" />
<!-- 토스페이먼츠 결제창 SDK 추가 -->
<script src="https://js.tosspayments.com/v1/payment"></script>
</head>
<body>
<script>
// ------ 클라이언트 키로 객체 초기화 ------
var clientKey = "test_ck_kYG57Eba3GY67MQ7PeDwrpWDOxmA";
var tossPayments = TossPayments(clientKey);
tossPayments
.requestBillingAuth("카드", {
// 결제수단 파라미터 (자동결제는 카드만 지원합니다.)
// 결제 정보 파라미터
customerKey: 'EOINMhpcjwuWw4Sm6xjoR', // 구매자 ID로 상점에서 만들어야 합니다. 빌링키와 매핑됩니다. 자세한 파라미터 설명은 파라미터 설명을 참고하세요: https://docs.tosspayments.com/sdk/payment-js#결제-정보-5
successUrl: "https://my-store.com/success", // 카드 등록에 성공하면 이동하는 페이지(직접 만들어주세요)
failUrl: "https://my-store.com/fail", // 카드 등록에 실패하면 이동하는 페이지(직접 만들어주세요)
})
.catch(function (error) {
if (error.code === "USER_CANCEL") {
// 구매자가 결제창을 닫았을 때 에러 처리
}
});
</script>
</body>
해당 코드를 맥에서 textedit 을 통해 넣고 billing.html 이라고 저장한 후 카페24 쇼핑몰 파일 FTP 업로드 하였더니 이렇게 뜹니다.
노션에 자동 결제 (빌링) 연동하기 위한 과정중인데 어떻게 해야할까요? https://ecimg.cafe24img.com/pg2334b32948014078/pifhouse/web/pif-billing.html
<title>결제하기</title>
<meta charset="utf-8" />
<!-- 토스페이먼츠 결제창 SDK 추가 -->
<script src="https://js.tosspayments.com/v1/payment"></script>
</head>
<body>
<script>
// ------ 클라이언트 키로 객체 초기화 ------
var clientKey = "test_ck_kYG57Eba3GY67MQ7PeDwrpWDOxmA";
var tossPayments = TossPayments(clientKey);
tossPayments
.requestBillingAuth("카드", {
// 결제수단 파라미터 (자동결제는 카드만 지원합니다.)
// 결제 정보 파라미터
customerKey: 'EOINMhpcjwuWw4Sm6xjoR', // 구매자 ID로 상점에서 만들어야 합니다. 빌링키와 매핑됩니다. 자세한 파라미터 설명은 파라미터 설명을 참고하세요: https://docs.tosspayments.com/sdk/payment-js#결제-정보-5
successUrl: "https://my-store.com/success", // 카드 등록에 성공하면 이동하는 페이지(직접 만들어주세요)
failUrl: "https://my-store.com/fail", // 카드 등록에 실패하면 이동하는 페이지(직접 만들어주세요)
})
.catch(function (error) {
if (error.code === "USER_CANCEL") {
// 구매자가 결제창을 닫았을 때 에러 처리
}
});
</script>
</body>
해당 코드를 맥에서 textedit 을 통해 넣고 billing.html 이라고 저장한 후 카페24 쇼핑몰 파일 FTP 업로드 하였더니 이렇게 뜹니다.
노션에 자동 결제 (빌링) 연동하기 위한 과정중인데 어떻게 해야할까요? https://ecimg.cafe24img.com/pg2334b32948014078/pifhouse/web/pif-billing.html
토스페이먼츠 결제창 JavaScript SDK 사용에 필요한 준비와 메서드 사용법, 결제 실패 및 에러 처리 방법을 알아봅니다.
