포트원 모듈로 토스PG 연동 시 에러 발생
안녕하세요 토스팀
저희는 React와 NestJS로 웹사이트를 개발해 토스PG를 사용하기 위해 포트원 모듈로 개발을 하였습니다.
아직 토스에서 PG 연동 심사 통과를 받지 못한 상황에서 결제 테스트를 진행하는데 PC환경과 모바일 환경에서 테스트 결과가 다릅니다.
PC화면에서는 제대로 토스 PG 결제 팝업창이 노출되지만, 모바일 환경에서는 토스 PG 결제창이 노출되지 않고 CSP문제가 발생합니다.
해당 에러를 해결하기 위해 포트원 개발팀과 여러 개발자분들께도 자문을 구해보았지만 처음보는 에러라고 하네요.
혹시 토스 PG를 연동할 때 모바일에서만 결제창이 안뜨는 경우를 보신 적 있으실까요?
현재는 개발자님께서 포트원이 아닌 토스페이먼츠 모듈을 개발하는 중이신데 똑같은 이슈가 재현될까싶어서 여쭤봅니다.
긴 글 읽어주셔서 감사합니다. 꼭 해결하고 싶어요..13 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
포트원 통해서 연동할 때만 확인하셨던거죠?
네 포트원으로 연동하면 편하다고 해서 포트원으로 먼저 개발을 시도해보았습니다. 현재는 토스 모듈로 개발하고 계세요
포트원은 아주 예전~~~ 토스모듈로 일반적으로 연동되어 있습니다.
현재는 저희도 sdk방식을 제공해서 연동 난이도는 차이가 없을거에요 🙂 연동문서도 더 잘되어있고요
해당에러가 왜 발생하는지는 포트원과 함꼐 확인해보셔야할 것 같습니다.
저희는 토스페이먼츠 직접 연동하는 부분에서 도와드릴 수 있고요
그런데 포트원통해서 저희와 계약중이시면 im_으로 시작하는 상점아이디 받으셨을 텐데요
네! 받았습니다
그럼 포트원 통해서 연동해주셔야 합니다.
저희와 직접 연동하실 경우 별도로 계약해주셔야해요~
개발자님께서 테스트 결제까지는 계약없이 가능할 것 같다고 하시는데, 개발을 하기 위해서는 계약절차가 꼭 필요한 걸까요?
테스트 결제는 계약없이 가능합니다.
https://docs.tosspayments.com/guides/payment-widget/overview 토스페이먼츠 직접사용하시면 결제위젯도 사용가능하시니 참고 발바니다~
이해하기 | 토스페이먼츠 개발자센터
결제위젯은 토스페이먼츠에서 수많은 상점을 분석해서 만든 최적의 주문서 UI입니다. 개발자가 최초 1회만 연동하면 결제수단 추가, 디자인 수정은 코드 없이 어드민에서 바로 가능해요.
넵 감사합니다 🙂
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
아니에요 ㅎㅎ 신모듈로 변경된지 좀 되었어요
@berry1222 포트원에 (구)토스페이먼츠 혹은 LG U+ 라는 PG명으로 등록되어 있으신가요 아니면 토스페이먼츠 라고만 등록되어 있으신가요?
네 8월 부터 저희 신모듈을 통한 연동도 포트원에서 제공하고 있습니다.
그런데 CSP 에러의 정확한 메시지를 알수 있을까요?