[문의] 결제 위젯 생성 시, PromiseResult가 undefined으로 넘어옵니다. 정상적인 케이스는 requestPayment() 메쏘드가 담겨있습니다.
버전 : 커넥트페이
44 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
왜 undefined 로 넘어오는지 알려주세요.
2일 까지는 정상적으로 결제함수가 실행되었는데 갑자기 이러네요
2일 전까지.
혹시 토스 서버 쪽에 변화가 생긴 부분이 있을까요?
결제 위젯을 연동중이신가요? 아니면 브랜드페이>결제수단위젯을 연동 중이신가요?
각각 어떤건지 확인 바랍니다. (버전에 커넥트페이라고 적어주셔서 확인드려요)
https://docs.tosspayments.com/guides/payment-widget/integration
https://docs.tosspayments.com/guides/brandpay/widget
결제위젯 연동하기 | 토스페이먼츠 개발자센터
상점 주문서 페이지에 결제위젯을 연동하세요.
결제 수단 위젯 연동하기 | 토스페이먼츠 개발자센터
브랜드페이 JavaScript SDK를 이용해 결제 수단 위젯을 사용해보세요.
디버깅하니까 특별한 에러로그 없이
renderPaymentMethods를 사용하여 위젯을 초기화 하는데 위젯은 undefined 는 되는데 화면단에 결제 위젯 표시는 됩니다.
결제 위젯 연동입니다!
버전 : 커넥트페이
이건 어떤 의미로 남기신걸까요?
커넥트페이 JS v1.5.1 사용 중이었는데 현재는 api.tosspayment url 로 브랜드페이 SDK 받아오고 있습니다
지금 조금 햇갈리는 부분이 있는데요!
결제위젯(https://docs.tosspayments.com/guides/payment-widget/integration)을 연동하신다고 하셨는데. 브랜드페이 관련 질문을 주고 계셔서요
브랜드페이 JavaScript SDK | 토스페이먼츠 개발자센터
브랜드페이 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
이 가이드의 작업을 진행하고 있습니다!
발생하는 현상은 이렇습니다
renderPaymentMethods 브랜드페이 위젯에 사용되는 메소드가 아닌데요
이 화면을 만드려고 하시는게 맞으시죠?
맞습니다! 화면은 만들어지는데 위젯이 undefined 인 상태라 requestPayment 진행이 안되고 있습니다
js.tosspayments.com/v1/connectpay
저희가 아래와 같은 결제위젯 제품이 별도로 있어서 햇갈렷네요
이 URL 로 스크립트 추가하고 객체를 초기화하고 있습니다
아 제가 결제위젯 제품과 헷갈린것 같습니다
다음엔 브랜드페이 위젯이라고 언급해주시면 좋을 것 같아요!
문의주신 내용은 확인해보고 안내드릴게요
넵 감사합니다
renderPaymentMethod 함수 사용한 부분 코드만 공유해주실 수 ㅣㅇㅆ을까요?
connectPostShopPayWg = connectPostShopPay.renderPaymentMethods('#view_pay01_widget', amount, '계좌')
스크립트 URL 을 brandpay 가 아닌 connectpay 로 받아오고
connectPostShopPay 객체를 ConnectPay 로 초기화 시키는 것과 연관이 있을까요?
2일 전에는 잘 되었는데 간헐적으로 되었다 안되었다 하는건지...
콘솔에서 해당 코드로 다시 위젯들 렌더링 해봐도 undefined 가 됩니다
혹시 저희가 빠른 확인을 위해
확인할 수 있는 사이트가 있을까요>?
내부망이라서 제공해드리기가 어려울것 같습니다.. ㅠ
그럼 undefined 넘어오는 개발자도구 네 콘솔 및 network한번 캡처 요청드립니다.
확인부탁드립니다
왜 undefined 로 넘어오는지 알려주세요.이 부분은 어느 부분일까요? 더불어 현재 서비스 중인 앱에는 이상이 없으실까요...?
서비스 중인 앱에는 이상 없습니다!
같은 함수를 사용하는데 서비스 중인 앱에는 이상이 없단 말씀이시죠?
맞습니다
현재 에러 발생하는 내부망은 테스트키로 확인중이신가요?
정확한 원인 확인을 위해 계속 질문드리는 점 양해바랍니다
테스트키로 확인중인데 혹시 몰라서 라이브키로도 테스트 했지만 똑같은 현상입니다
그럼 차이점이 내부망 /외부망 차이 밖에 없는 것으로 보이는데요!
혹시 네트워크 탭에 에러뜬 곳과 통신 문제일 확률은 없을까요?
네트워크의 문제일 가능성은 낮아 보입니다. 왜냐하면 원래 결제까지 정상적으로 되던 컴퓨터입니다.
왜 저희쪽 위젯 생성 url 요청에 왜 비정상적인 return을 해주는지 확인 불가하나요? 해당 promise 객체 안에 로직이 어떻게 되어 있는지 확인이 필요하고 거기서 어떤 로직을 타길래 비정상적인 return을 해주는지 확인이 필요해보입니다.
거기서 리턴값을 제대로 생성하지 못해서 저희쪽으로 비정상적인 프로미스 객체가 날아와서 발생하는 거니까요.
저희가 날린 URl 요청 확인 불가하나요? 저희 테스트용 클라이언트키로 조회 불가하나요?
혹시 테스트키 드리면 확인 가능하실까요??
현재 실제 운영상점에서도 동일하게 undefined 로 응답이 오고 있으신가요?
실제 운영상점에서는 undefined 없이 응답이 잘 됩니다!
사진처럼 콘솔에서 위젯을 확인해봤을때
외부망 개발서버에서는 undefined 응답이,
외부망 운영서버에서는 잘 응답이 됩니다
@아메리카노 1호 로그 상 이상은 없고, 내부에서 재현은 안되는 상황입니다.
테스트 환경을 제공해주셔야 저희가 추가적으로 도움을 드릴 수 있을 것 같습니다.
운영서버와 개발서버에서 다른 JS 파일을 사용하지 않는다면 내부 이슈가 아닐까 싶습니다. 혹시 외부망 개발서버에서 라이브키로 확인하실수 있을까요?
일단 이것도 영향이 있어 보입니다
connectpay sdk는 deprecated되지 않았나요?
brandpay 변경 전에 연동하신 가맹점으로 하위호환성을 위해 아직 지원중입니다.
그렇군요, 확인 감사드립니다!
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
안녕하세요. 원인은 내부 이슈였습니다. ㅠㅠ
더 상세하게는 위젯 초기화 할때 이중으로 비동기처리를 해서 객체가 정상적으로 초기화되지 않았습니다.
도움을 주신 @이실장 @냥과장 @iam.ayaan 님 감사드립니다.