해외결제(PayPal) 연동 문의
안녕하세요, https://docs.tosspayments.com/guides/payment-widget/integration-paypal 문서를 보고 PayPal 연동을 진행하고 있습니다.
연동 중 몇 가지 궁금한 점들이 있어 문의 드립니다.
1)
renderPaymentMethods 를 호출 시 Payment 라는 제목과 PayPal을 선택할 수 있는 버튼 하나만 보이는 것이 맞나요? 그렇다면 최종 결제하기 버튼 등은 사용자가 직접 같이 그려야 하는 것인지요?
2) 만약 그렇다면, 결제 수단이 PayPal 밖에 없는 상황에서 굳이 renderPaymentMethods 를 호출 할 이유가 없는 것 같은데 requestPayment 에서 바로 amount 를 지정하고 결제를 진행하는 방법은 없을까요?
3) 결제위젯 그리기의 예제 코드에서 type error가 발견 되는데 제가 잘못 사용하고 있는 것인지 확인 부탁드립니다.
감사합니다.PayPal 연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠 결제위젯 SDK로 PayPal 해외 간편결제를 연동하는 가이드입니다. 결제위젯으로 간편하게 주문서 페이지의 결제 UI를 연동할 수 있기 때문에 해외 간편결제 연동에 추천하는 방법입니다.
21 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
1. 네 맞습니다. 결제하기 버튼 구현이 필요 합니다.
2. 위젯을 통하지 않고, 페이팔 창을 바로 호출 하는 방법 역시 제공 하고 있습니다. (https://docs.tosspayments.com/guides/paypal#paypal-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0%EC%9E%90%EC%B2%B4%EC%B0%BD)
3. 어떤 에러인지 조금 더 자세히 알려주실 수 있으실까요? 만약 위젯이 아닌 다른 방식을 사용하신다면 3번째 질문은 무시하셔도 무방 합니다.
PayPal 연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠 결제창 SDK로 PayPal 해외 간편결제를 연동하는 방법입니다. 결제 페이지를 구축해서 페이팔 버튼을 직접 만들어야 합니다.
답변 감사합니다. 제가 자체창 연동 가이드가 있다는 사실을 몰랐었네요 ㅠ 살펴보겠습니다.
Type error는 https://docs.tosspayments.com/guides/payment-widget/integration-paypal#1-결제위젯-그리기 여기
npm 가이드를 따라해보면 paymentWidget.requestPayment({ ... }) 에 전달되는 object가 PaymentRequestParameters 타입에 만족하지 않는 것으로 보입니다.PayPal 연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠 결제위젯 SDK로 PayPal 해외 간편결제를 연동하는 가이드입니다. 결제위젯으로 간편하게 주문서 페이지의 결제 UI를 연동할 수 있기 때문에 해외 간편결제 연동에 추천하는 방법입니다.
npm 패키지 설치해서 사용중이신거죠?
에러메시지를 캡쳐하시거나 복사해서 보내주실수 있을까요?
스크린샷으로 전달드립니다. ("@tosspayments/payment-widget-sdk": "^0.9.0")
사용중이신 npm 버전 확인 가능하신가요?
yarn 1.22.4
npm 8.1.2
입니다. 설치는 yarn으로 했습니다.
아.. 저희 패키지 버전 문의드린거였습니다.
아 0.9.0 입니다.
저희 패키지에 보완 후 업데이트 예정입니다.
네 답변 감사합니다!
좀 버전이 오래전 것이긴 하신것 같네요.
@tosspayments/payment-sdk@1.6.4 버전으로 배포했습니다. 이 패키지를 사용해 주시기 바랍니다.
Type error 오류가 발생하는 패키지는
@tosspayments/payment-widget-sdk 0.9.0인데 이것을 말씀하신게 맞을까요? (결제위젯을 이용하는 가이드)
위에서 전달주신 자체창 가이드에서는 @tosspayments/payment-sdk 패키지를 사용하는 것을 확인했고 예시 코드에도 문제가 없는 것 같습니다.네 자체창 가이드를 보고 연동하시는 것 아닌가요?
결제위젯용 패키지는 현재 작업중입니다. 작업 완료되면 공유 드릴께요.
설명 드린 것처럼,
제가 전달 드린 자체창 가이드를 사용하여 연동하시는 것과,
저희가 위젯 type error 관련된것은 별개로 이해해 주시면 됩니다.
자체창 가이드 이용해서 연동하시면 그대로 진행 해주시면 되고,
위젯에서 type error 가 발생한 사유를 확인하여 작업을 진행 한다 라고 이해해 주시면 됩니다.
아 네. 버전이 오래된 것이라고 말씀하셔서 두 패키지를 헷갈리신게 아닌가 생각이 들었습니다. (두 패키지 모두 최신 버전을 사용함)
한 번 더 정리하자면,
payment-sdk@1.6.3 패키지에서도 ForeignEasyPayPaymentRequest 의 products? 가 단일 object 타입인 것으로 보아 아마도 잠재적 type issue가 있을 것 같긴 하지만, 가이드의 예제 코드를 그대로 복붙했을 때 발생하는 type error는 없습니다.
payment-widget-sdk@0.9.0 패키지에서는 가이드의 예제 코드를 그대로 복붙하면 type error가 발생합니다.
질문 드린김에 하나만 더 추가로 질문 드릴 수 있을까요?
자체창 가이드의 예제 코드에서 requestPayment 호출 후 catch block이 추가로 붙어있는데, 이전에 PayPal 결제는 항상 리다이렉트 시키는 방식을 사용해야만 한다고 답변 받았습니다. 이 catch block 안에서의 error code에 따른 분기가 유효한지 문의 드립니다(유저 취소, 유효하지 않은 카드 등).문서에 있는 창 호출 샘플에서 catch 부분 확인해서 수정 하겠습니다.
넵 감사합니다!
@huzz @tosspayments/payment-widget-sdk@0.9.1
배포되었습니다.
빠른 대응 감사합니다~!
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.