대림동꿀주먹
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
네네 어디서 확인했는지 물어보셔서 알려드린거에요.
가이드 참고해서 진행해보고 추가 문의사항 있으면 다시 문의드리겠습니다. 감사합니다 !
61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
https://carmore.kr 회원 가입 후 단기렌트 결제 시 화면 입니다. 자체적으로 구현한 것 같아보입니다.
61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
보내드린 이미지에서는 토스페이먼츠 모듈에서 등록한 카드를 간편카드결제 탭에서 보여주고, 결제하기버튼을 통해 바로 결제까지 이루어집니다. 카드사의 인증 중계 페이지로 이동없이 바로 결제 완료 페이지로 이동 하기때문에, 등록된 카드를 이용해서 간편카드결제가 되는거라고 생각했는데, 어느지점에서부턴가 싱크가 안맞는 것 같네요...
가이드 참고해서 연동 구현을 해보고 다시 문의하도록 하겠습니다.
61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
필요한부분만 문의드릴려고 하다보니 질문이 부족했던 것 같습니다. 구현하고자하는 결제 프로세스는 아래와 같습니다.
1. 카드, 계좌이체 등의 일반 결제
단건으로 즉시 결제되는 서비스
2. 카드를 등록하여 정기 결제
예를들어 6개월 정기결제를 하고자 한다면, 첫 1개월치는 즉시 결제, 2개월차 부터 정기결제 실행(카드등록시 발급받은 빌링키로 빌링 결제)
즉 2번에서 첫달치는 즉시 결제하고, 2~6개월차는 매달 빌링결제를 하려고 합니다.
첨부드린 이미지에서는, 결제수단을 등록하고 결제하기를 누르면, 말씀드린 것 처럼 첫달 요금은 즉시 결제가되고 나머지는 매달 정기결제가 실행됩니다. 제가 아는 보통의 정기구독형 서비스는 이렇게 결제가 되는 것으로 알고 있습니다. 정기구독형 서비스가 보통은 첫 결제는 즉시되고, 다음 결제부터 정기결제가 이루어 지니까요.
2회차 결제부터 시작되는 빌링 결제는 당연히 발급받은 빌링키로 서버단에서 api 호출하는 스케줄링 작업으로 실행할 예정입니다.
저희가 토스페이먼츠 연동하면서 계속 이해가 안가는 부분은 어떻게 결제창을 호출해야되는가 하는 부분입니다.
정리하면,
신용/체크 카드, 계좌이체, 카카오페이, 네이버 페이 등의 결제
와
첨부드린 이미지와 같이 결제 수단 등록하는 UI를 추가해서 등록 후 바로 결제
를 하기위해 결제위젯과 일반 결제창 중에 어떤 것을 호출해야 하는지가 궁금합니다.
설명 부족한 부분 있다면 알려주시기바랍니다.
61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
1. 말씀하신 1) 결제창 은 결제위젯이 아닌 일반 결제창인가요 ?
2. 빌링은 등록된 카드를 선택해서 결제를 진행해야하는 것으로 알 고 있어서, 등록된 카드를 선택하는 UI를 저희가 구현해야하는 것으로 알고 있는데, 이전 답변을 보면 UI를 커스텀하려면 결제위젯을 사용해야 한다고 하셨습니다. 일반 결제창이 아니라 결제 위젯이 맞나요 ?
3. 일반 결제(카드,계좌이체 등)와 빌링 결제 기능 모두 구현해야 한다면, 일반결제를 할 때는 결제 위젯을 호출하고 빌링을 해야할 때는 일반결제창을 호출해야되는걸까요 ? 아니면 일반결제창을 사용하면 모두 커버 가능한가요?
61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
안녕하세요 !
결제모듈 관련 질문이, 기존 문의에 이어서 질문 드립니다.
구현중인 서비스에서 일반 결제(카드,계좌이체 등)와 빌링 결제 기능도 필요한데요, 일반결제는 보내드린 이미지의 좌측 결제위젯을 호출하고 빌링결제는 보내드린 이미지의 우측 일반 결제창 을 호출 해야하는게 맞을까요 ?
61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
자세한 답변 감사드립니다 !
61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
아하 반대로 사용하고 있었던 것 같습니다... 우선 해당 작업자에게 전달 후 추가 문의 있으면 다시 문의드리겠습니다.
61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
상기 이미지에서 일반 결제창이 우측에 있는걸 의미하는게 맞나용 ?
61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
1. 일반 결제창을 연동했다는건, 결제 위젯이 아니라 UI 커스텀한 결제 창을 호출한다는 말씀이실까요 ?
2. 1번이 맞다면, 일반 결제창 호출은 API 개별 연동키 를 사용해야하고, 결제위젯을 연동했을 때에는 결제 위젯 연동키 를 사용해야 하는걸까요 ?
61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
renderpaymentmethods 함수는 호출하지 않는것으로 보입니다
61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
<script src="https://js.tosspayments.com/v1/payment-widget"></script>
const customerKey = '20240715_1' + carInfo.affiliateBranchIdx +'SHORT_' + carInfo.carIdx + '_' + Math.floor(Math.random() * 10000); // 내 상점에서 고객을 구분하기 위해 발급한 고객의 고유 ID
const clientKey = 'test_gck_jExPeJWYVQ4N6AJJg0Zp349R5gvN' // 클라이언트 키
var tossPayments = TossPayments(clientKey)
tossPayments
.requestPayment('카드', {
amount: 100, // 결제 금액
orderId: customerKey, // 주문번호(주문번호는 상점에서 직접 만들어주세요.)
orderName: '테스트 결제', // 구매상품
customerName: '김토스', // 구매자 이름
successUrl: window.location.origin + '/reserv-complete?orderId=' + customerKey, // 결제 성공 시 이동할 페이지(이 주소는 예시입니다. 상점에서 직접 만들어주세요.)
failUrl: window.location.origin + '/resver-payment?id=28103&affiliateBranchSerial=1395&startDate=2024-07-16%2016:00:00&endDate=2024-07-17%2016:00:00&isFail=1', // 결제 실패 시 이동할 페이지(이 주소는 예시입니다. 상점에서 직접 만들어주세요.)
})
.catch(function (error) {
if (error.code === 'USER_CANCEL') {
// 결제 고객이 결제창을 닫았을 때 에러 처리
} else if (error.code === 'INVALID_CARD_COMPANY') {
// 유효하지 않은 카드 코드에 대한 에러 처리
}
})
}
토스이먼츠 결제창 연동작업 담당자가 아니어서, 크롬 개발자도구의 Sources 탭에서 우선 추출해 전달드립니다.61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
정보 제출 폼으로 url 전달드렸습니다
61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
MID는 jwokok35wo 입니다. variantkey는 혹시 어디서 확인할 수 있는 값일까요 ?
61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 7/15/2024 in #❓┃연동개발-문의
결제위젯 연동 키 오류
콘솔에 나타난 오류 내용은
data
:
{result: false, referer: "https://gogohome.grimsys.com/", sessionCreationApiVersion: null}
referer
:
"https://gogohome.grimsys.com/"
result
:
false
sessionCreationApiVersion
:
null
error
:
{code: "COMMON_ERROR", message: "처리 중 오류가 발생했습니다", data: null}
code
:
"COMMON_ERROR"
data
:
null
message
:
"처리 중 오류가 발생했습니다"
result
:
"ERROR"
입니다...!61 replies
TPToss payments 개발자 커뮤니티
•Created by 대림동꿀주먹 on 6/21/2024 in #❓┃연동개발-문의
자동결제를 위한 카드 등록을 한 후, 자체 DB에 그 응답값을 저장해두고 사용해야하나요?
아 네네 빠른 답변 감사합니다 🙂
7 replies