버블에 연동한 pg 일반결제 에러
버블에 연동한 pg 일반결제가 몇달전까지 결제기능이 잘 작동했는데
코드를 변경하지도 않았는데
일반결제를 몇일 전에 테스트하니까 '결제 수단이 등록되지 않았다'고 팝업이 떴습니다.
토스 고객센터에 코드를 변경하지 않았다고 말씀드렸는데 개발자커뮤니티에 들어와서 문의하라고 하셨어요.
해결 요청드립니다.
173 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
고객센터에서 상담중인 와중에 혹시나 해서 브랜드 페이 - 테스트 버전으로 해서 카드 활성화를 하니 이건 또 작동하는 것 같아요.
그런데 저는 브랜드페이기능을 아직 모르고 일반 결제로 일단 계속 쓰고 싶습니다.
오류 좀 고쳐주세요.
사이트 URL 을 알려주실수 있나요?
그리고 브랜드 페이 - 테스트 버전으로 해서 카드 활성화를 하셨다고 했는데 이건 어떻게 하신건가요?
개인적으로 발송가능한가요?
💡 정보 제출
민감 정보를 안전하게 제출해주세요
여기 보내주세요.
보냈습니다.
지금 사용하시는 plugin 이름이 뭔가요?
브랜드페이는 토스페이먼츠 상점관리 사이트에서 '테스트' 부분(라이브 말고)에서 카드 결제를 활성화시킬 수 있더라구요(옵션 활성/비활성 가능)
플러그인은
toss payment widget page 입니다.
최신버전으로도 바꿨는데 해결이 안되었습니다.(1.7.2)
지금 UI 를 보면 위젯이 렌더링이 안되는 . 것같은데요.
원래 문제가 없었는데
왜 렌더링 문제가 생긴건가요? 그리고 어떻게 해결해야 되나요?
위젯을 렌더링 하시는 곳을 hide 시켜두셨나요?
잡시만요 layout에서 페이지 로드될 때 보이는 기능을 비활성화 시켰고(+안보일 때 collapse), '결제' 버튼을 클릭하면 visible 하도록 condition 을 설정했습니다.
브랜드 페이 적용 전에도 결제하기 누르면 토스 팝업은 떴는데 그 내용이 카드 선택이 아니라 - '결제 수단이 없다'는 식으로 메세지가 떴습니다.
이게 예전에는 그렇게 사용하시면 저희 일반 결제창이 뜨게 했었는데 문제가 많아서 위젯에서 결제수단을 선택해야 동작하도록 변경이 되었습니다.
아 그렇군요
어떻게 변경해야 될까요?
우선 페이지 로드 될때 보이도록 해서 결제 버튼을 누르기 전에 고객이 어떤 결제수단을 사용할지 선택한후에 진행되어야 해요.
일단 로드 될때 보이도록 해주세요.
잠시만요
그러면 결제 버튼을 누를 때 visible하도록 설정한 condition도 지울까요?
말씀하신대로 visible on page load로도 해놓고요
네 그렇게 해주시면 됩니다.
네 잠시만요
아까 브랜드페이는 테스트가 되는 것 같아서 다시 비활성화 시켰는데 그것 때문에 수단을 못불러왔다는 건가요?
일반 결제때도 결제 수단이 없다고 뜨던데
일단 해당 페이지 URL 이 알려주신곳과 다른건가요?
무슨 일인지 모르겠네요.. 왜 갑자기 이러는지
제가 보는 페이지는 변화가 없습니다. 제가 볼수 있게 해주세요.
말씀드렸던 페이지 url에서 _product로 끝나는 주소로 들어가서 > 제품을 선택하시면
옵션을 선택하도록 나와요(4~5개 정도) 임의로 작성/선택하고 결제하기 누르면 저렇게 떠요
담당자님이 볼수있어요
결제하기 누르면 밑으로 스크롤 해야
이제 떠요
이게 visible on the load를 설정하면 밑에 보기 싫게 떠서 아까전 처럼 hidden시켰던 거에요
hidden 시키는 설정으로 하면 결제하기 눌렀을 때 팝업으로 뜨거든요
그럼 브랜드페이는 사용안하시는 건가요?
브랜드페이는 고객이 본인 계좌를 입력해야 되지 않나요? 잘 모르고 무료로 적용할 수 있다니까 이후에 적용해보려구요
만약에 원하시는게 그냥 이창을 띄우시는 거면 다른 플러그인을 쓰시는게 맞습니다.
어떤 플러그인이요?
아니 원래 저렇게 떴었습니다.
지금 그걸 히든으로 하시면 브랜드페이는 사용하실수가 없어요. 계좌 등록하거나 하는 UI 를 안보이게 하시는 거라서요.
브랜드페이는말씀드렸듯이
나중에 고려할거고 지금은 이전에 일반결제 되던 대로
적용하는걸 문의드리는 거에요
네 아까 설명드린대로 위젯을 사용하실때 원래는 잘못연동을 해도 저창을 띄워드렸었는데 그랬더니 문제가 많이 발생해서 잘못 연동하시면 창이 안뜨도록 조치가 된겁니다.
결제 수단이 없다고 뜨는건데
이건 토스 플러그인 자체에서
이거를 보고 plugin 을 변경해서 작업부탁드릴께요.
설정을 변경하신게 아닌가요??
이전에 결제 완료되는 것 제 계좌로 확인했었씁니다.
이 플러그인이 저 결제창을 띄우는 플러그인입니다.
개발 담당자님, 플러그인이 바뀐건가요?
아뇨 바뀐건 아니구요 저희쪽에서 잘못 연동하신 경우에도 결제가 가능하도록 저 창을 띄워드렸었는데, 그랬더니 이상하게 결제되는 건들이 발생해서 결제가 안되도록 변경을 했습니다.
그영향으로 결제창이 이전에는 뜨다가 안뜨시는 것 같아요.
과장님, 그때 디스코드 통해서
결제 문제없는거 같이 확인했었고
말씀드린대로 제 계좌로 결제 테스트도 했었습니다
작년에 따로 토스pg 위젯 연동 설정해서 바뀐것 같은데 그건 아니라는 말씀이신가요?
저희 디스코드로는 웹플로우로 연동하신것만 질문하신 이력이 확인됩니다.
그때 버블로 연동하는 방법 문의드렸고 아마 다른 계정으로 디스코드에서 문의드렸을거에요.
지금 적용된 위젯은 그럼 작동이 안되는 건가요?
근데 지금도 저는 URL 상에서 위젯이 hidden 으로 보입니다.
배포까지 하신건가요?
아 잠시만요
지금 보내드린 링크 두개다 베포할게요
네 베포했습니다
지금 바로 결제 누르면 requestpayments 까지 호출하도록 되어 있으신가요?
네 기존에 설정했던 건 변경안해서
일단 그부분 빼주실수 있을까요?
호출 부분 set value, request 다 그대로입니다.
삭제하라는 말씀이신가요?
아 잠시만요
위젯에 variantkey 를 DEFAULT 라고 되어 있을텐데 test 로 변경해 보실수 있을까요?
네 잠시만요
네 변경, 배포했습니다
네 잠시만요.
hidden을 없애고 visible on the load로 하니깐 이부분밖에 안보여요
네 이부분 내부적으로 확인중에 있습니다. 중간에 MID 하나를 해지처리 하셨던것 같고, 이것때문에 설정이 좀 꼬인상태로 보여요.
토스 페이먼츠에 제 이메일 아이디가 2개로 설정되어있는데
그것때문인가요?
그런데 이전에 잘 되다가 왜 몇달사이에 갑자기 막힌건가요?
아뇨 그것때문은 아닙니다.
근데 지금 clientkey 는 보내주고 계신거죠?
제 라이브키를
여기 올리셔도 되나요?
클라이언트키는 브라우저에서 보이는 것이라 관계는 없습니다만 확인하신후 삭제 하겠습니다.
다른 사람이 봐도 되나요?
아니고
다른 겁니다
API 키 | 토스페이먼츠 개발자센터
토스페이먼츠 결제 연동 문서, API, 키, 테스트 내역, 웹훅 등록 등 개발에 필요한 정보와 기능을 확인해 보세요. 결제 연동에 필요한 모든 개발자 도구를 제공해 드립니다.
여기 접근이 가능하신가요?
네
여기에서 키 다시 확인하신후에 여기 키로 키 변경부탁드립니다.
바꿨는데
제키를 여기 올리셔도 되는건가요?
제가 알기로 라이브 키값은
공개하면 안되는 걸로 알고있어서요
gck 는 공개해도 큰 문제 없구요. gsk 는 올리면 안됩니다.
네 알겠습니다
일단 말씀드린대로 바꿨고 바로 배포하겠습니다
배포했습니다. 확인부탁드립니다
이제 정상적으로 표시는 되실겁니다.
여기서 카드사 선택하신후에 requestpayments 를 호출하는 버튼을 만들어 주시면 됩니다.
그런데 보니까 선택하는 옵션에 따라서 금액이 변경되시는것 같네요.
하단에 넘기는 버튼은 안보이는데 카드사가 이제 보입니다.
금액은
옵션 선택하고 결제하기 누를 때 - 이 시점에서 '총 합한 단가' 곱하기 '(사용자가 누른)개수'
이렇게 amount에 넣었습니다
네 그시점에 updateAmount 라는 게 있어서 그것만 호출하시면 될겁니다.
추가해야 되는 건가요? 좀더 설명해주실 수 있나요??
이전에는 해당 기능을 따로 적용안했어서요
금액이 바뀔때 element action 을 보시면 updateAmount 라고 있으실거에요.
금액이 변경되어야 하면 그걸 호출하시면서 수정된 금액을 넣어주시면 됩니다.
그리고 최종 결제버튼 눌렀을때 requestpayments 호출하시면 카드사 결제창이 바로 표시 되실거에요.
지금 카드사 선택은 되는데 다음으로 진행되는 버튼이 따로 보이지 않습니다. layout에서 height를 변경해야 되는 건가요? 아니면 말씀하신 update 액션을 추가하지 않아서 그런건가요?
아 height는 바꿔도 똑같네요
아뇨 결제버튼은 따로 만들어서 그것 누르면 requestpayments 호출하도록 해주시면 됩니다.
기존에는 결제버튼을 누르면 카드사 선택하고
넘어갔는데
해당 plugin 옆에다가 추가로 결제버튼을 만들어야 하나요?
네 위젯은 가맹점 페이지에서 카드사나 할부개월을 선택하고 넘어가는 방식입니다.
기존이랑 바뀐건가요?
원래 결제위젯은 이렇게 동작해야 하는게 맞는데요.
기존엔 결제버튼 누르면 > 카드사 선택 팝업 떴고(hidden기능) >
카드사 선택하면 결제 진행이 되었습니다.
4월 이전에는 결제위젯을 잘못 연동하셔서 에러가 나는 상황이면 저희가 무시하고 결제창을 띄워 드렸습니다.
그게 여러 가맹점에서 문제가 되는 부분이 있어서 지금은 그냥 에러를 내도록 변경이 된상태구요.
그럼 plugin 옆에 버튼 만들고
지금 만드신 UI 로 봐서는 총 금액과 바로결제 버튼 사이에 결제위젯을 넣으시는게 좋을것 같네요.
💡 정보 제출
민감 정보를 안전하게 제출해주세요
아 네네 이해했습니다
혹시 연락처 알려주시겠어요?
네네
정보 제출에 드리면 되는거죠?
네 맞습니다.
네 보냈습니다
오늘 처리에 시간이 좀 오래 소요 된점 양해 부탁드립니다.
추후에 혹시 이슈 있으시면 바로 디스코드로 문의 부탁드릴께요.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
안녕하세요, 오늘 다시 결제 테스트하려고 페이지 복사(결제하기 페이지랑 결제 완료 페이지(success)) + api 테스트키[plugin, 위젯에 모두] 적용했는데
동의하기 체크부분만 보입니다.
왜 카드사가 안뜨는 걸까요??
이거는 사이트를 봐야 알수 있습니다.
혹시 브라우저 개발자 도구 콘솔쪽에 어떤에러가 있는지 확인해 주실수 있을까요?
아 네 잠시만요
에러는 없습니다
💡 정보 제출
민감 정보를 안전하게 제출해주세요
재현가능한 사이트 주소 알려주세요.
넵 발송드렸습니다!
에러가 나는데요.
variantkey 뭘로 넣으셨나요?
그때는 라이브키 쓰셨고 지금은 테스트키 쓰시는 거죠?
네네
그럼 variantkey 를 테스트 라이브 모두 DEFAULT 로 써주시면 됩니다.
그때 말씀하신대로 varientkey는 test로 했고 따로 수정안했습니다.
테스트할 때는 default로 해야되나요?
헷갈리는데
지난번에는 default를 test로 바꾸라고 하셨어요
원래 DEFAULT 로 하시면 되는데 그때 문제가 있어서 test 제가 설정을 바꿔 드렸었어요.
지금은 그 문제가 해결되어서 DEFAULT 로 쓰시면 됩니다.
당시에 제가 test 로 라이브에만 만들어 놔서
라이브 :test, default 모두 가능
테스트 : default 만 가능
한 상태입니다.
아하...
네네
잠시만요!
그래서 동일하게 쓰시려면 default 로 쓰시는게 헷깔리지 않으실거에요.
됩니다 감사합니다!
그리고
테스트 용으로 SUCCESS 테스트 페이지(복붙)를 만들었는데
SUCCESS 페이지가 여러개면 결제 완료시 어떤 페이지로 이동하나요?
그냥 결제페이지와 동일한 위치에 있는 success페이지로 이동합니다.
테스트 라이브를 나누고싶으시다면 폴더를 다르게 만들어 주셔야 할것 같아요.
방금 테스트를 완료하니깐 이후에 만들었던 SUCCESS-테스트 페이지로 이동하네요
기존의 SUCCESS 페이지 말구요
테스트 라이브를 나누고 싶은데 어떻게 해야될까요?
왜냐하면 테스트에서 플로우를 추가해서 결제된 정보가 '결제된 정보'라는 DATA로 가고, 그 정보를 고객이 조회할 수 있게 만드려고 하거든요.
테스트의 경우 /test 폴더를 만들고 그 안에서 작업하시면 될것 같네요.
버블에서 폴더를 만드는 건 처음 들어보는건데 어떻게 만드는 건가요?
테스트 페이지로 만든 페이지를 다른 폴더로 이동할 수 있는건가요?
그부분은 버블 관련 기능이라 제가 정확히 알려드리기는 어렵지만
그런데 폴더로 만들어도 URL은 그대로인데
이렇게 페이지 생성하는 쪽을 보면 폴더 만들수 있게 되어 있습니다.
폴더안으로 들어가셔서 새페이지 만드시고 clone from 으로 복사할 페이지 선택하시면 될것 같습니다.
그런데 폴더를 만들어서 테스트 페이지를 따로 분류하더라도 위젯 플러그인은 동일한데
알아서 TEST 폴더 내에 있는 위젯은 TEST 폴더 안에 있는 SUCCESS 페이지로 이동하는건가요??
네 맞습니다.
아 그렇군요
위젯을 구현하신 페이지와 동일 폴더에 있는 success 페이지로 이동합니다.
설명 감사합니다. 혹시 지금 폴더를 구분하지 않아서 결제 후 SUCCESS 페이지에서 결제 DATA를 가져오지 못한걸까요? 이 부분 플로우 설정하는 방법까지만 오늘 확인하면 될것같습니다
플로우는 결제버튼 누르고 REQUEST, SET VALUE부분은 그대로고
SUCCESS 페이지에서
get url 정보를 '결제 DATA'로 넣고
toss widget confirm에 아까 넣은 get url로 받은 정보(Result of step1)를 넣고 : 결제 승인
orderName을 위에 "토스 위젯-결제승인된" 정보(Result of step2)에서 가져오기 (*제가 알기로는 geturl로는 orderName을 바로 못가져오는 걸로 알고 있어서 결제 승인(confirm)이후에 이 단계를 추가했습니다.)
그리고 마지막으로 set state를 설정했는데
아.. 그런데 생각해 보니 지금 secretkey 는 공통으로 설정될수밖에 없네요.
조회가 안되더라구요
아 secretkey는 테스트 끝나면
테스트로 사용하실때는 플러그인에 username 을 test_gsk 로 시작하는키로 넣으셔야 합니다.
라이브로 쓰실때는 live_gsk 로 넣으셔야 하구요.
네네 테스트 끝나면 바로 live키로 적용시킬 예정입니다. 배포 전이라서 지금 따로 라이브가 안되도 되서요.
네 그러면 거기에 테스트키 넣어서 사용하시면 될겁니다.
네 그렇게 하겠습니다. 위에 토스 위젯 플로우도 확인 부탁드립니다
네 플로우는 맞습니다.
그러면 test 페이지에서 결제(set value, request) > 결제 완료 > success 테스트 페이지로 이동되는데
왜 토스 위젯 결제 정보를 못가져 오는걸까요??
마지막 set state 에서 정보를 못가져 왔다는 걸까요?
주문번호를 알려주세요.
저희쪽 로그 보겠습니다.
잠시만요
bubble~ 로 되어있는게 orderId 인것 같은데
여기에 적어드리면 될까요?
네 여기 적어주세요.
아까 보내드린 16~ 은 이전에 결제된거라 방금 보내드린 1715~ 로 확인부탁드려요!
저희쪽에서 결제 완료되었는데 set state 로 orderID 가 안보이시나요?
이부분을 setstate 하신후에 해보시겠어요?
여기 set state부분에 orderName을 추가하라는 말씀이신가요?
그리고 '결제 DATA'로 결제된 금액을 보내고 싶으면 어떤걸 선택해야 되나요?
Result of... step2(Tosspayments widget - 's total Amount)를 선택해야 되나요?
네 amount 입니다.
그럼 수량은 뭘로 선택해야 되나요?
수량은 저희쪽으로 보내는게 없습니다.
코어 API | 토스페이먼츠 개발자센터
토스페이먼츠 API 엔드포인트(Endpoint)와 객체 정보, 파라미터, 요청 및 응답 예제를 살펴보세요.
여기에 각 항목별 의미가 있습니다.
참고하세요.
네네 이거는 따로 설정하겠습니다.
그리고 orderName이 안보이는 건
set state에서 orderName설정해도 안되네요..
지금 맨 처음에 confrim 결제 승인할 때 설정한 3개 (orderId, amount, paymentkey)만 결제정보가 나타나고
나머지는 app data에서 데이터로 안남네요..
보내주신 페이지에서 제가 테스트해봐도 될까요?
결제가 완료되면(confirm payment) - 분명히 Result of step에서 body orderName이 보이거든요. 그런데 왜 데이터로 안남을까요?
네네
지금 테스트 키로 적용해놨습니다. 아까 보내드린 링크로 들어가시면 됩니다.
아 Result of step 에서 보이시는 거면 정상적으로 처리 된겁니다.
데이터는 버블에있는 데이터 말씀하시는 건가요/
네네
아까 결제 완료후 success 페이지에는 안나오는데 app data가면 실시간으로 데이터가 들어오잖아요, 거기에 안보여요.
payment confirm 단계의 3개(orderID, amount, paymentKey) 데이터만 남아요
이부분은 버블의 data 처리에 관련된 것이라 제가 안내드리기는 어려울것 같습니다.
결제된 데이터는 버블에 app data에서만 확인 가능한거 아닌가요? 토스 페이먼츠에서도
테스트로 결제한 정보를 볼수있나요?
네 볼수 있습니다.
어디서 볼수있나요?
개발자 센터에접근해서 보시면 되요.
아 보이네요
혹시 취소 버튼을 누르면 전액 환불이 자동으로 되는 건가요??
테스트키 쓰신거면 어차피 결제 안된거라 취소하실필요가 없습니다.
실제로 결제되었을때요
부분 취소 기능은 아직 없는거죠?
실제로 결제되면 그건 상점관리자에서 부분취소 하실수 있어여ㅛ.
네네 오늘 문의드린 문제는 토스 페이지에서 보이니까 결제는 문제가 없는데 제가 버블쪽에서 display되는 설정을 고쳐야 될 것 같아 보이네요. 긴시간 상담해주셔서 정말 감사합니다. 수고하세요~
네 감사합니다.