65 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
수동결제는 어떤걸 의미하는지요?
카드결제창을 띄워서 하는걸 수동 결제라고 표현하신 거라면
두개 mid는 별도로 발급되어야 합니다.
한 쇼핑몰에서 둘다 사용은 가능하며, 용도에 따라 다른 mid를 호출하여 결제할 수 있게 구현하시면 됩니다.
일단,
수동결제의 의미가 일반적인 카드사 앱 띄워서 하는 결제인지
key-in (카드번호 치는 결제) 인지 확인해 주세요
이런 식으로 가능할까여?
이런식이 어떤건가요?
조금 더 자세히 설명해주세요
일단 정기결제는
위젯이 안돼요
그래서 아예 저 사진에 나와있는 시나리오는 성립하지 않습니다
아예 불가능합니다
위 부분 1년마다 수동이고 아래부분은 1년마다 자동인데요
하시려면
위젯보다 위에
라디오 버튼을 두고
정기결제 선택된 상태면, 카드 등록하기 버튼만 딱 두고
클릭했을 때 정기결제 창
일반결제 선택된 상태면 결제위젯 로드
이렇게 하실 순 있어요
페이지를 하나 더 만들어서? 자동 수동 설정 한 다음에 자동이나 수동으로 이동?
페이지를 나눠도 되구요
수동에서는 위젯 + 결제하기 버튼
자동에서는 결제하기 버튼만
이렇게 하셔야하고
결제하기 버튼의 로직도 달라져야겠네요
그럼 위젯화면에서 라디오를 만들어서 자동 수동 선택은 가능하다는 건가여?
결제 누를 때 자동 / 수동 분기 형태로만 코딩?
자동 수동 선택을 이런 식으로 말하는 건가요?
??
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
자동 수동 분기 답 점 주세요
자동결제는 두가지 씬이 있는데요
1. 빌링키발급
2. 발급받은 빌링키로 승인
결제위젯에는 자동결제 결합내용이 없어요
자동결제 만드시려면..
고객이 카드를 등록해야하는 페이지에서 "카드등록" 같은 버튼을 만드셔야해요
고객이 카드등록을 누르면 빌링키발급 창을 호출해주시면 되구요
결재 위젯 창에서 버튼 2개로도 가능해요?
샘플 코드에 있는 빌링 화면 호출을 하면 가능한가요?
결제위젯과 빌링은 관련이 없어요
그런데
왜 같이 하려는거에요?
구현하고 싶으신
실제 가맹점 예시주세요
수동 자동은 표준 용어가 아닙니다
고객이 일반 결제나 정기 결제를 선택을 해야 해서요 ?
정기결제는 어떤 상품 판매하나요?
예를 들면 같은 우유인데,
1회성으로 구매하거나, 정기구독하거나 이런 식인가요?
네
1회성 구매에 사용하려는 결제수단은 어떤게 있나요
위젯에 있는 7개이고요
정기는 카드로요
그럼 마지막으로 계약된 Mid 알려주시겠어요?
farnewgl8o
우선 말씀하시는 수동결제는 '위젯'을 이용하시면됩니다.
'자동결제'는 위에 안내드린 것처럼 위젯에 포함될 수 없습니다.
왜냐하면 동작방식도 다르고 mid부터가 다르기 때문이에요
자동결제 제품이 별개로 운영되는건 모든 pg사가 동일합니다.
이는 카드사와 통신하는 구간 자체가 구분되기 때문이에요
위와 같이 구분해서 위젯 및 빌링 결제창을 각각 연동하시면 됩니다.
결제를 누르면 빌링 화면으로 이동해서 처리만 가능한지요?
네
카드 등록하고 빌링은 빌링 화면에서 할 예정이거든여
우선 정확히 구현하시려는걸 제가 모르겠으나.
빌링 카드등록은 빌링결제창에서하셔야합니다.
Error fetching payment widget: r: 결제위젯 연동 키의 클라이언트 키로 SDK를 연동해주세요. API 개별 연동 키는 지원하지 않습니다.
정기결제를 하고 싶은데 왜 api key로는 안 되나여?
정기결제는 어제 결제위젯 못쓴다고 말씀드렸을 텐데요
저건 결제위젯에서 나는 에러입니다.
처음에 카드 등록하기 위한 api 호출은 어떻게 해야 하나여?
SDK v1 사용하시나요? v2 사용하시나요?
v2 기준으로 여기 보시면 됩니다.
자동결제(빌링) 이해하기 | 토스페이먼츠 개발자센터
자동결제는 정기 배송, 음악 스트리밍과 같은 구독형 서비스에서 사용할 수 있어요. 자동결제(빌링)의 개념과 과정을 설명합니다.
v2를 사용하고 있고요
v2 github 샘플처럼 코딩을 했는데 api key로는 연동인 안 된다고 뜨고
결제 위젯으로 연동하면 연결 자체를 할 수 없다고 뜨네요
우선 테스트하고 계쎠서 1개 파일에 연동 중이시죠? 코드 올려주시겠어요?
결제 위젯은 결제 위젯 키로 한 다음에 빌링에서 api 키로 카드 정보를 넣어야 하나여?
위젯은 빌링하고 별개로 구현하셔야 합니다.
지금 코드 올려주신건 위젯 사용하지 않는 일반결제하고 빌링을 연동하신거에요.
네 그걸로 한 건데 api key 로 연동할 수가 없다고 뜨네여
결제위젯 연동 키의 클라이언트 키로 SDK를 연동해주세요. API 개별 연동 키는 지원하지 않습니다. 이 문제에여
그냥 일반 껍데기 만 빌링 연동 테스트 하고 싶은데
같은 프로젝트 안에 다른 페이지이거든여
API 개별 연동 키는 지원하지 않습니다 << 이거 때문에 껍데기가 안 만들어줘여
샘플 페이지는 잘 되는데
샘플 페이지랑 뭐가 틀린 걸까요?
위젯 페이지 없고요 그냥 payement만 연결할라고 하는데 왜 안 될까여?
payement만 연결해서 payment.requestBillingAuth 이거 호출하고 싶은 거에여
말씀하신 샘플페이지가 뭔가요
자동결제(빌링) 이해하기 | 토스페이먼츠 개발자센터
자동결제는 정기 배송, 음악 스트리밍과 같은 구독형 서비스에서 사용할 수 있어요. 자동결제(빌링)의 개념과 과정을 설명합니다.
그럼 여기 있는 코드보시면서 연동하시면 됩니다.
clinetkey 빌링키 로는 껍데기는 만들어졌는데
PaymentWidgetStartCustomerSessionService:execute🔚 undefined
로그를 보니 이런 내용이 있는데여
customerkey 문제일까여?
localhost로 테스트 중안데 연동이 안 되네요
일단 react써서 하시는건가요?
네 react vite입니다
로그보니까 customerkey clinetkey 제대로 설정되어있어요
일단 하나씩 보시죠
결제위젯은 정상적으로 된거죠?
빌링이 문제인거고요
네
커스텀키로 wiget에서 지금 진행이 안 되여
위젯에 커스텀키를 추가했나요?
지금 화면은 어떠헥보ㅕ요?
위젯 추가한 거는 아니고여
그냥 로그인 화면에
const widgets = tossPayments.widgets({
customerKey,
});
위젯 초기화 함수만 호출
커스텀키가 아니ㅏ라
커스터머키군요
그럼 빌링이안된다고 하셨는데, 왜 또 위젯이야기를 하신걸까요?
제가 이해를 잘 못 해서여 아직 위젯생성까지 안 되는 상황입니다
토스페이먼츠 개발자센터
토스페이먼츠 결제 연동 문서, API, 키, 테스트 내역, 웹훅 등록 등 개발에 필요한 정보와 기능을 확인해 보세요. 결제 연동에 필요한 모든 개발자 도구를 제공해 드립니다.
여기 한번 접속해보시겠어요?
접속하고 알려주세요
네 접속했습니다
잠시만요~
react로 바꾸고
Checkout.jsx로 이동해보세요
이동했나요?
@최고ㄴ
@최고봉
이동하면 알려주세요
그이후 가이드드릴게요.
@최고봉
죄송해요
이동했어여
widget 부분은 해결했습니다
api를 잘 못 호출했습니다
고생많았습니다
나중에 이걸 checkout.jsx에 붙여넣고
한번 확인해보세요~
그리고 참고해서 진행하시면될 것 같습니다.