[에러] SDKBridgeError: Bridge의 응답이 없습니다
안녕하세요.
커넥트페이 JS v1.5.1 사용 중이고 결제위젯 연동 중입니다.
운영환경(외부망)에서는 문제가 없는데, 개발환경(내부망)에서는 SDKBridgeError 가 발생하며 다음 단계로 진행이 안됩니다.
SDKBridgeError: Bridge의 응답이 없습니다 at https://connect.tosspayments.com/connect/30c281183479648ddd10ff14a6f4f05235893af2/_next/static/cjimls/pages/_app-31e4f12f7ff1a109.js
code: "TIMEOUT_ERROR"
eventType: "COMMON_PARAMS"
name : "SDKBridgeError"
params: undefined
message: "Bridge의 응답이 없습니다."
_app-31e4f12f7ff1a109.js :1 A client-side exception has occurred
내부망도 동일하게 방화벽 설정을 했기 때문에 결제위젯이 통신이 안되는건 아닌것 같은데
왜 TIMEOUT_ERROR가 발생하는지 원인을 모르겠어서 문의드립니다.
14 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
브랜드페이 RedirectUrl은 개발환경에도 잘 설정되었나요?
이건 방화벽 설정을 다시 확인해 주시기 바랍니다.
api.tosspayments.com 이 연결가능하지 않아서 발생되는 것으로 보입니다.
네, 개발환경도 잘 설정되어있습니다
authenticate 함수로 크롬 개발자 모드- 네트워크 확인해봤는데 api.tosspayments.com 과 통신은 잘 되는것 같습니다.
결제수단 추가시 요청하는 https://connect.tosspayments.com 은 통신이 안됩니다.
logging 에 사용하는 https://event.tosspayments.com/ 과도 통신이 안됩니다.
현재 오류가 발생하는 페이지에 결제위젯만 연동 중이신 상황이신거죠?
맞습니다. 보내주신 매뉴얼에는 '커넥트페이 위젯' 이라 명시되어 있습니다.
현재 신규 연동 중이신 상황이신거죠?
먼저 저희 제품 중에 결제위젯 이 있고, 브랜드페이 결제수단 위젯이 있는데 후자를 연동 중이신 것 같네요
https://docs.tosspayments.com/guides/brandpay/overview
docs를 안보시고, 따로 문서를 받아 연동 중이신걸까요?
브랜드페이 이해하기 | 토스페이먼츠 개발자센터
브랜드페이가 제공하는 기능과 구현 방식을 소개합니다.
작년에 커넥트페이 JS v1.5.1 버전으로 이미 연동이 되어있는 상황이었습니다.
작업에 참고하는 문서의 경우 커넥트페이 도입 당시에 '커넥트페이 UI 통합 연동 가이드 - Javascript' 라는 이름으로 토스페이먼츠로부터 제공받았습니다.
2022. 01 작성된 문서이고 협의되지 않은 외부 공유는 지양 해주세요. 라고 써져있는 문서입니다.
그것을 보고 작업하고 있습니다.
docs도 검색은 해보았지만 커넥트페이 -> 브랜드페이로 바뀌면서 다른 제품이 된것 같아 정보를 구하기 어려운 상황입니다.
커넥트 페이와 브랜드 페이는 동일한 제품입니다.
브랜드 페이 가이드를 보시면 될것 같구요.
지금 보면 서버가 내부망인건 문제가 아니고,
테스트를 하는 클라이언트가 내부망이신것 같네요.
클라이언트쪽에서는 다양한 image 와 리소스를 가져와서 써야 하므로 가능하면 443 포트를 any로 열고 테스트 해주시기 바랍니다.
리소스를 CDN 을 통해 제공하기 때문에 IP 가 빈번하게 변경되고 있습니다.
그렇다면 혹시 위젯이 결제수단 추가할때 요청하는 https://connect.tosspayments.com/, https://event.tosspayments.com/ 과 통신이 안되는것도 말씀하신 CDN 에서 가져오는 리소스에 해당되나요??
그리고 api.tosspayments.com 과는 통신이 되는데 이것은 https://docs.tosspayments.com/guides/using-api/firewall#ip-접근-제어-목록에-추가해주세요 가이드 처럼 단순하게 IP 허용을 해서 그런것이라 생각해도 될까요?
방화벽 설정 | 토스페이먼츠 개발자센터
토스페이먼츠 API를 안전하게 사용할 수 있는 방화벽 설정을 알아봅니다.
connect 나 event 도 동적 IP 로 매핑되는 것으로 알고 있습니다.
아래 방화벽 설정은 콜백이나 웹훅을 받기위한 가맹점입장에서 인바운드 설정 가이드 이고,
서버2서버 기준입니다.
지금 문제가 되시는것은 고객 입장에서 리소스나 FE 관련 통신 (브라우저로부터) 부분이라 이쪽은 다른 영역입니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
안녕하세요. 외부망에서 클라이언트 테스트하여 해당 문제 해결되었습니다. 감사합니다.