구모듈 LGU+를 Vue3, xpay 연동시스템을 사용하기 위해 샘플 코드 튜토리얼 문서가 있을까요?
안녕하세요 구모듈 LGU+를 통해서 결제서비스를 사용하던 홈페이지를 Vue3 로 변경하게 되었습니다.
xpay 연동시스템을 사용하기 위해 샘플 코드, 튜토리얼이 있을까요?
42 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
vue3 샘플은 별도로 없습니다.
vue3 로는 연동이 안되실거에요. XPAY 는 저희가 제공하는 모듈로 통신이 되어야 하는데 저희가 제공하는 모듈이 java, php, asp, asp.net 밖에 없습니다.
Vue3으로 하시려면, 백엔드 서버가
Java/Kotlin, PHP, ASP(.net) 중에 하나로 구성되어야합니다.
백엔드 서버가 어떤 언어/프레임워크로 구현되어 있으신가요?
기존에 동작하던 환경은 jsp / java 이고 이번에는 프론트는 nuxt.js + vue3 백엔트서버는 Java Spring boot 입니다. 기존시스템 연동이 필요한데 방법이 없을 까요?
백이 sping이면 기존 java모듈 그대로 사용하시고, front만 vue로 다시 바꿔주시면될것같네요
네 확인해주셔서 감사합니다!
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
안녕하세요. payment 요청을 하고, 리턴 url로 페이지가 로드되는것을 확인 했습니다.
그런데, 리턴된 이후 결제와 관련된 정보를 리스폰스에서 어떻게 받는지 모르겠어요. nuxt를 쓰고 있는데 redirect url을 통해 결제 결과가 오는게 맞나요? 일단 설정한 redirect페이지는 열렸는데, query스트링등에 값이 포함된것은 아니더라고요.
Redirect url을 Nuxt로 받으신 뒤에
그걸 백 Spring으로 다시 넘겨주셔야합니다
그 다음 백엔드 Spring에서, 토스페이먼츠 결제승인 API를 호출하시면 백에서 정보를 받아보실 수 있습니다.
음. 성공시점에 spring api 요청을 할때, 직전에 성공한 페이먼츠에 대한 특정 정보를 보내서 처리하지 않는건가요?
혹시 결제를 태우기 전에 저희쪽에서 설장한 값만으로 성공리턴 후에 api처리만 하면 되나요?
successUrl에 쿼리로
최소한의 값이 나갈겁니다.
리다이렉트 url과 석세스 url이 다른 주소인가요?
리다이렉트 뒤에는 쿼리가 없었습니다.
orderId 전달부탁드릴게요. 로그 체크를 해봐야겠습니다.
감사합니다. 조금 더 확인하고 궁금사항 있으면 또 메시지 드리겠습니다.
@jaegwon.kim 네 계속 쿼리가 안넘어오면 여기에 주문번호 공유해주세요
로그 확인해서, 회신드릴 수 있도록 할게요
보통 뷰 사용하실 때 가끔 router 설정문제로 쿼리가 잘릴때가 있어서 어떻게 넘기셨는지 확인을 해봐야합니다.
혹시 몰라서, window.location.search / route.query두가지 해봤습니다.
한번 주문번호 알려주시면 어떻게 들어왔고 어떻게 나갔는지 토스팀이랑 같이 확인해볼 수 있습니다
"lgd_oid": 9486600 가 주문번호가 맞을까요?
아, XPay이셨죠. 죄송합니다.
@jaegwon.kim XPAY는 POST로 내려갑니다.
확인 감사합니다.
POST로 내려가는 저 6개의 값"만" API로 넘기는걸 추천드려요. (보안상)
Spring 백에서도 저 6개 값만으로 승인요청을 하게됩니다.
네 저희가 넉스트로 하고 있어서 포스트요청 전처리가 되는지 알아보고 있습니다. 혹시 공유해 주실만한 정보가 있나요
네 서버사이드로 받으면 되는거로 압니다.
감사합니다
Nuxt
server/ · Nuxt Directory Structure
The server/ directory is used to register API and server handlers to your application.
참고하세요.
xpay 최종 결제요청 api 호출단계에서 테스트를 위해 로컬 환경, XPayClient 의 xpay.Init_TX() 동작시 connect timed out 가 발생하고 있습니다. 에러가 발생되는 원인을 알수 있을까요?
로그에는 다음과 같습니다 2024-09-29 13:26:18 [FATAL] [tedu02-0120240929132518b8965634660fcfd427c1492429570cff79675abe] TX failed: res code = 20009; msg = Timeout error; java.net.SocketTimeoutException: connect timed out
@jaegwon.kim 님 안녕하세요,
lgdacom.conf 파일 설정 값 공유해 주실 수 있으실까요?
최근 XPay 서버 주소가 변경되어, 일부 오래된 서버 설정값을 가지고 계신 경우 해당 오류가 발생할 수 있습니다.
네 파일 내용 공유 드립니다
url = https://xpayclient.lgdacom.net/xpay/Gateway.do
test_url = https://xpayclient.lgdacom.net:7443/xpay/Gateway.do
aux_url = http://xpayclient.lgdacom.net:7080/xpay/Gateway.do
@jaegwon.kim 확인이 늦었네요.
해당 주소 모두 지원이 종료된지 오래된 URL으로, 아래와 같이 수정 요청드려요.
aux_url은 삭제합니다.
또한 남겨주신 주소로 보아하니, TLS 1.0/1.1 지원 시절 주소라서,
TLS 1.2 이상 지원이 가능한지 여부도 확인하여 파일을 수정하시기 바랍니다.
TLS 1.2 지원이 가능한 경우, mall.conf에 아래 내용을 수정해주세요.
또한 방화벽을 운용하신다면,
https://docs.google.com/document/d/1kyhcyXmaRuxZAlNJ_Oiuo2EoFVMlQbHZewZW40E6u2w/edit#heading=h.o3cvc4tpltri
위 문서 참고하여 방화벽을 열어주셔야합니다.
Google Docs
XPAY결제모듈공통사항_v.1.0.8
Xpay-결제모듈_공통사항 Protocol and Core Function Specification Version 1.0.8 2024.08 목차 1. 문서 개요 3 2. 결제창 UI 안내 4 3. 지원하는 개발환경 5 4. 시스템 요구사항 5 4.1 공통사항 5 4.2 TLS 1.2를 지원하기 위한 개발언어별 요구사항 5 4.3 하드웨어 및 OS 요구사항 5 5. 가맹점 결제 서버 보안 Check List 6 6. Xpay 결제를 위한 방화벽 설정 6 6.1 결제,취소,부분취소, 현금...
lgdacom.conf 수정해서 응답오는거 까지 확인했습니다 다만 TX 결제요청 Response_code = XC01 값이 오면서
TX 결제요청 Response_msg = 요청한 LGD_PAYKEY 가 존재하지 않습니다.
안내가 나오고 있습니다
그렇게 응답을 받으신 LGD_OID나 LGD_PAYKEY 공유 부탁드릴게요.
LGD_MID = tedu02
PaymentForm.vue:89 LGD_OID = 9486600
LGD_PAYKEY = 20240929171745703B90E38267652987C59FDBBD00F7AA96A7DAC9
입니다
일단 현재 추측으로는, 결제가 시간초과되어서 LGD_PAYKEY가 없어진 것 같은데요. (10분 세션시간 초과)
새로운 OID로 다시해보시고 그래도 동일하면 새 OID값의 LGD_OID, PAYKEY 다시올려주세요
네 테스트 하던 주문이라 여러번 응답을 받은 주문번호인데 다른걸로 해보겠습니다!
테스트더라도, 원활한 테스트를 위해서 그때그때 채번하시는게 좋을거에요.
안녕하세요 새로 채번 하고 테스트를 진행해보니 동일하게 에러가 나오고 있습니다
LGD_MID =tedu02
LGD_PAYKEY =20240930100336BA417ED21B77598256A3C1C6035F1CEC2B5ED976
혹시 CST_PLATFORM 을 어떻게 설정하셨나요?
payres 쪽에도 CST_PLATFORM 을 test 로 하신 건지 확인부탁드립니다.
아.. 지금 보니까 LGD_TID 에 paykey 를 넣어 서 보내고 계시네요.
파라미터 이름 확인해 보세요.
결제 완료 되었습니다! 감사합니다