리눅스 환경에서 토스 연동 문의
우분투 환경에서 카드 결제 연동으로 토스 결제창을 띄우고 싶습니다.
html 문법으로 개발자센터에서 제공해주는 기본 소스코드로 작성한 후에 실행을 하여보니
토스결제창이 불러오지 않습니다. 다르게 설정해야 하는 부분이 있나요?
25 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
보내주신 정보만으로 어떻게 개발하셨고, 어떤 오류를 받으셨는지 확인하는데 어려움이 있습니다.
우분투 환경에서 어느 언어로 개발하시나요?
자바스크립트입니다
우분투에서 웹 서버 설정은 어떻게 구성하셨나요?
웹 서버는 nodejs를 사용하였는데 윈도우 환경은 정상적으로 작동하였습니다.
윈도우에서 동일 구성으로 정상 동작 했다면
우분투에 구성하신 서버 설정을 확인 해보셔야 할것 같기는 한데,
윈도우 구성과 우분투 구성에서 어떤 부분을 다르게 설정 하셨는지 설명 해주실 수 있을까요?
1. 윈도우 환경에서 정상 동작 했다는 의미가, 동일한 HTML + JS 코드가 정상 동작 했다는 의미 이신건지
2. 만약 그렇다면, 우분투에 구성안 nodejs 에서도 동일하게 환경을 구성 하신 것 인지 (방화벽 등)
3. 소스상에 변경이 있었다면, 어떤 부분에서 변경을 하신 것 인지
저희가 전달 받은 정보가 제한적 이어서 정보 드리기에 한계가 있네요
1.윈도우 환경에서 정상적으로 동작했다는 의미는 html + js 코드 및 nodejs에서도 정상적으로 동작하였습니다.
2.윈도우 환경과 우분투 환경에서의 다른점은 우분투가 설치된 환경은 가상 컴퓨터입니다.
3.소스상에 변경은 없습니다.
VM 이시면 네트워크 구성 이나 방화벽 구성에서 막혔을것 같은데요
동일 소스에서 결제창이 뜨지 않는다, 라고 이해하면 될까요?
inspector 에서 네트워크 쪽에 어떤 에러메시지가 뜨고 있나요?
VM 에서 outbound 제한이 있는것 인지도 확인 부탁 드려요
토스 api로 부터는 200값이 리턴되고 있습니다.
처음에 설명 하실때는 JavaScript SDK 결제창이 뜨지 않는다고 문의 주셨는데,
어떤 API 로부터 200값을 리턴받고 있으신건지 혼선이 조금 있습니다.
1. 설명하신 윈도우 환경은, VM 이 아닌 로컬 환경이 맞을까요? 이때는 결제창 호출은 정상적으로 되었다고 말씀 하신걸로 이해 했어요.
2. VM 환경에 구성한 nodejs 서버에서는 결제창 호출이 안되고 있는것이 맞을까요?
3. VM 환경에 구성한 서버에 띄운 소스에서, 결제창 호출을 시도 했을때, inspector 에서 보여지는 콘솔에러, 네트워크 에러는 어떻게 보여지고 있을까요?
4. VM 환경을 로컬에서 접속 하는 네트워크 구성은 가상 네트워크 환경 + VM 내 방화벽 등 복합적으로 설정이 있을것 같은데요. 이런 설정이 outbound 제한이 있다거나 하지 않나요?
저희가 이러한 구성을 자세하게 가이드 드리기는 어려워요
브라우저의 개발자 도구를 통해 콘솔에 에러가 있는지, network 에서 막히는 것이 있는지 확인 부탁드립니다.
1.윈도우 환경은 VM이 아닌 로컬환경이 맞습니다. 이때 결체창 호출은 정상적으로 되었다는 것이 맞습니다.
2. VM환경에 구성한 nodejs 서버에 결제창 호출이 되지 않는 것이 맞습니다.
3. VM환경에 구성한 서버에서 콘솔에러 및 네트워크 에러는 없습니다.
4. VM환경의 로컬 접속하는 네트워크 구성은 가상 네트워크로 구성되어있는 것은 맞지만 VM환경에서의 방화벽 설정은 따로 한 것이 없습니다.
몇번을 호출해봐도 콘솔에러 및 네트워크에러는 나오지 않습니다.
서버 말고 호출하신 브라우저 상에도 에러가 없으신가요?
네 에러가 없습니다,.
전체적인 과정을 결제창을 리액트에서 호출하고 결제 진행은 nodejs에서 합니다
하지만 브라우저 상에 콘솔에러는 나지 않고 결제창 호출도 되지 않고 있네요..
VM 안에서 구글 접속은 가능하신가요?
네 가능합니다
결제창 여시는 페이지를 호출하신후 개발자 도구 콘솔 화면 캡쳐해서 보내주실수 있을까요?

결제하기 버튼을 누르면 nodejs 결제창이 호출되는 구조입니다
이상태에서 결제하기 버튼을 누르신 후에 콘솔화면을 다시 캡쳐해 주실수 있을까요?

타임아웃이라는 에러가 떳네요
api.tosspayments.com 에 접속이 안되는 것으로 보입니다.
VM 의 네트워크 설정이슈일것 같은데 이부분 확인 부탁드립니다.
확인해보고 다시 문의드리겠습니다
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.