토스 위젯 연동 질문입니다.

https://docs.tosspayments.com/sdk/widget-js#sdk-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EC%B4%88%EA%B8%B0%ED%99%94 위 링크를 참고해서 결제 샘플을 만들고 있습니다. 위젯 모듈 (https://js.tosspayments.com/v1/payment-widget) 추가하고 결제 완료후 성공 url 처리에서 confirmPayment 함수 호출을 못하고 있습니다. vue.js 기반이며 결제 위 링크에서의 SDK 설치 예제와 다르게 결제 샘플(https://github.com/tosspayments/payment-widget-sample) 에서는 에서는 node module을 사용해서 연동 하고 있는데 왜 sdk 설치 가이드와 샘플이 다르며 npm으로 배포하지도 않는 모듈을 샘플에 사용하고 있으며 결제 성공시 성공 URL에서 confirmPayment 함수를 사용하기 위해서는 어떤 방법으로 가능한지 알고 싶습니다.
GitHub
GitHub - tosspayments/payment-widget-sample: 토스페이먼츠 결제위젯 샘플 프로젝트입니다...
토스페이먼츠 결제위젯 샘플 프로젝트입니다. . Contribute to tosspayments/payment-widget-sample development by creating an account on GitHub.
결제위젯 JavaScript SDK | 토스페이먼츠 개발자센터
결제위젯 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
165 Replies
토스페이먼츠 BOT
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) : - 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
Kimoon Lee
Kimoon Lee4mo ago
https://docs.tosspayments.com/sdk/widget-js#sdk-설치-및-초기화 특정 언어가 아닌 npm 을 이용가능한 일반적인 언어에 대한 설명입니다.
결제위젯 JavaScript SDK | 토스페이먼츠 개발자센터
결제위젯 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
Kimoon Lee
Kimoon Lee4mo ago
vue 는 github 에서 vue 샘플로 연동하시면 됩니다.
Kimoon Lee
Kimoon Lee4mo ago
GitHub
payment-widget-sample/vue/src/views/SuccessView.vue at main · tossp...
토스페이먼츠 결제위젯 샘플 프로젝트입니다. . Contribute to tosspayments/payment-widget-sample development by creating an account on GitHub.
이니스프리몰_고도화
npm ERR! code E404 npm ERR! 404 Not Found - GET https://nexus.apddev.com/repository/inm-npm-hosted/@tosspayments%2fpayment-widget-sdk - Package '@tosspayments/payment-widget-sdk' not found npm ERR! 404 npm ERR! 404 '@tosspayments/payment-widget-sdk@^0.10.0' is not in this registry. npm ERR! 404 npm ERR! 404 Note that you can also install from a npm ERR! 404 tarball, folder, http url, or git url. 모듈 설치가 불가능합니다
Kimoon Lee
Kimoon Lee4mo ago
npm install @Tosspayments/payment-widget-sdk 이렇게 했을때 에러가 발생하시는 건가요?
이니스프리몰_고도화
npm install @Tosspayments/payment-widget-sdk
Debugger attached. npm ERR! code E404 npm ERR! 404 Not Found - GET https://nexus.apddev.com/repository/inm-npm-hosted/@Tosspayments%2fpayment-widget-sdk - Package '@Tosspayments/payment-widget-sdk' not found npm ERR! 404 npm ERR! 404 '@Tosspayments/payment-widget-sdk@*' is not in this registry. npm ERR! 404 This package name is not valid, because npm ERR! 404 1. name can no longer contain capital letters npm ERR! 404 npm ERR! 404 Note that you can also install from a npm ERR! 404 tarball, folder, http url, or git url. npm ERR! A complete log of this run can be found in: /Users/younghoonkang/.npm/_logs/2024-06-27T08_44_55_059Z-debug-0.log Waiting for the debugger to disconnect... ~/Documents/work/inm-order-ui | feature/AC934817/20240626 !3 ?3
Kimoon Lee
Kimoon Lee4mo ago
혹시 프록시나 방화벽으로 차단되어 있는 환경이실까요?
이니스프리몰_고도화
아니요 특정 사이트는 막혀 있지만 기본적으론 풀려 있습니다.
Kimoon Lee
Kimoon Lee4mo ago
% npm install @Tosspayments/payment-widget-sdk added 7 packages in 6s 1 package is looking for funding run npm fund for details npm notice npm notice New major version of npm available! 9.7.2 -> 10.8.1 npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.8.1 npm notice Run npm install -g npm@10.8.1 to update! npm notice 저게 방금 실행해 봤는데 잘 됩니다.
이니스프리몰_고도화
막혀 있진 않습니다. 네 확인해보겟습니다.
Kimoon Lee
Kimoon Lee4mo ago
이상하네요 저는 https://nexus.apddev.com/repository/inm-npm-hosted/@Tosspayments%2Fpayment-widget-sdk 이사이트에 연결이 안되는데요. 혹시 내부에서 사용하시는 npm 서버가 따로 있으신건가요?
이니스프리몰_고도화
확인해 보야 할것같습니다.
Kimoon Lee
Kimoon Lee4mo ago
증상만 보면 내부적으로 npm 서버를 따로 운영하시는데 그곳에 저희 npm 패키지가 없는것 처럼 보입니다.
토스페이먼츠 BOT
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
이니스프리몰_고도화
안녕하세요 다시 질문드립니다. 자체 npm 서버를 사용 중인것으로 확인되었는데 결제 위젯 라이브리러리 정보를 자체 npm서버에 등록 하려고 해도 해당 라이브라리가 토스에서 공식적으로 배포되는 라이브러리가 맞는 걸까요?
이니스프리몰_고도화
npm
@tosspayments/payment-widget-sdk
TossPayments.js Payment Widget SDK.. Latest version: 0.10.2, last published: 6 months ago. Start using @tosspayments/payment-widget-sdk in your project by running npm i @tosspayments/payment-widget-sdk. There is 1 other project in the npm registry using @tosspayments/payment-widget-sdk.
이실장
이실장4mo ago
네 맞습니다.
이니스프리몰_고도화
네 알겟습니다.
이실장
이실장4mo ago
현재 연동 시작하셨을까요?
이니스프리몰_고도화
네? 위젯 모듈 설치하고 테스트 해보려고 합니다.
이실장
이실장4mo ago
이니스프리몰_고도화
결제 승인 관련해서 https://api.tosspayments.com 이 도메인만 방화벽 해제 하면 될까요?
이실장
이실장4mo ago
보안 | 토스페이먼츠 개발자센터
토스페이먼츠 API의 보안 정책과 방화벽 설정하는 방법을 안내합니다.
이실장
이실장4mo ago
여기 한번 확인해주시겠어요?
today.lastday
today.lastday4mo ago
네, 서버2서버는 해당 주소만 호출됩니다.
이니스프리몰_고도화
네 그리고 질문이 더 있는데 위젯으로 결제시 인증 성공후에 successView 샘플페이지 있는데 confirmPayment 함수 호출까지 하면 결제가 승인되는건가요? 아니면 따로 결제 승인 api를 호출 해줘야 하나요?
이실장
이실장4mo ago
우선 confirmPayment 함수가 어떤 기능을 하는지는 확인해봐야겠지만 결제 승인 api가 호출 되어야합니다.
이니스프리몰_고도화
결제 샘플에서 제공되고 있는 토스 위젯 결제 모듈 함수 입니다.
이실장
이실장4mo ago
샘플에서 정의된 함수여서요. requestData가 있는 것보니, confirmPayment가 결제승인 api를 호출하는 역할을 하는 것 같아 보이기는 하네요. 일단 승인API가 호출되어야 결제가 가능합니다.
이니스프리몰_고도화
그럼 샘플하고 다른건가요? 저 함수는 따로 후출 할 필요가 없는건가요?
이실장
이실장4mo ago
보고계신 샘플링크주세요
이니스프리몰_고도화
GitHub
GitHub - tosspayments/payment-widget-sample: 토스페이먼츠 결제위젯 샘플 프로젝트입니다...
토스페이먼츠 결제위젯 샘플 프로젝트입니다. . Contribute to tosspayments/payment-widget-sample development by creating an account on GitHub.
이니스프리몰_고도화
vue 입니다
이실장
이실장4mo ago
GitHub
payment-widget-sample/vue/src/confirmPayment.js at main · tosspayme...
토스페이먼츠 결제위젯 샘플 프로젝트입니다. . Contribute to tosspayments/payment-widget-sample development by creating an account on GitHub.
이니스프리몰_고도화
결제 성공시에 호출되는 SuccessView 화면의 소스코드 입니다.
이실장
이실장4mo ago
confirmPayment는 샘플에서 정의한 함수이고, sdk가 제공하는 함수가 아닙니다. confirmPayment가 승인api 호출하는 역할을 하네요.
이니스프리몰_고도화
;;;;;;; 그럼 필요없는 함수가 샘플에 있었던건가요? 일단 저 함수는 호출 하지 않ㄱ소 않고 승인요청 api를 호출하면된단 말이시군요?
이실장
이실장4mo ago
샘플은 말그대로 샘플입니다. 샘플에서는 필요한 함수죠 ㅎㅎ
이니스프리몰_고도화
네 이해했습니다.
이실장
이실장4mo ago
export async function confirmPayment(requestData) {
// TODO: 개발자센터에 로그인해서 내 결제위젯 연동 키 > 시크릿 키를 입력하세요. 시크릿 키는 외부에 공개되면 안돼요.
// @docs https://docs.tosspayments.com/reference/using-api/api-keys
const secretKey = "test_gsk_docs_OaPz8L5KdmQXkzRz3y47BMw6";

// 토스페이먼츠 API는 시크릿 키를 사용자 ID로 사용하고, 비밀번호는 사용하지 않습니다.
// 비밀번호가 없다는 것을 알리기 위해 시크릿 키 뒤에 콜론을 추가합니다.
// @docs https://docs.tosspayments.com/reference/using-api/authorization#%EC%9D%B8%EC%A6%9D
const encryptedSecretKey = btoa(secretKey+":")

// ------ 결제 승인 API 호출 ------
// @docs https://docs.tosspayments.com/guides/payment-widget/integration#3-결제-승인하기
const response = await fetch("https://api.tosspayments.com/v1/payments/confirm", {
method: "POST",
headers: {
"Authorization": `Basic ${encryptedSecretKey}`,
"Content-Type": "application/json",
},
body: JSON.stringify(requestData),
});

const json = await response.json();

return { response, json };
}
export async function confirmPayment(requestData) {
// TODO: 개발자센터에 로그인해서 내 결제위젯 연동 키 > 시크릿 키를 입력하세요. 시크릿 키는 외부에 공개되면 안돼요.
// @docs https://docs.tosspayments.com/reference/using-api/api-keys
const secretKey = "test_gsk_docs_OaPz8L5KdmQXkzRz3y47BMw6";

// 토스페이먼츠 API는 시크릿 키를 사용자 ID로 사용하고, 비밀번호는 사용하지 않습니다.
// 비밀번호가 없다는 것을 알리기 위해 시크릿 키 뒤에 콜론을 추가합니다.
// @docs https://docs.tosspayments.com/reference/using-api/authorization#%EC%9D%B8%EC%A6%9D
const encryptedSecretKey = btoa(secretKey+":")

// ------ 결제 승인 API 호출 ------
// @docs https://docs.tosspayments.com/guides/payment-widget/integration#3-결제-승인하기
const response = await fetch("https://api.tosspayments.com/v1/payments/confirm", {
method: "POST",
headers: {
"Authorization": `Basic ${encryptedSecretKey}`,
"Content-Type": "application/json",
},
body: JSON.stringify(requestData),
});

const json = await response.json();

return { response, json };
}
샘플을 그대로 쓰셔도 되고. endPayment 등등 이름을 바꿔서 정의하셔도 되고, 함수안에 다른 역할을 추가해서 쓰셔도 됩니다. 다만 requestPayment처럼 sdk가 정의하는 method는 수정이 불가하고 무조건 그대로 쓰셔야하지만 위에는 샘플에서 예시로 보여드리는 함수라 참고만하시면됩니다.
이니스프리몰_고도화
네! 알겟습니다 무통장 입금을 구현 하려고 하는데 어떻게 어디 자료를 참고 해야 하나요? 토스 결제 위젯에는 퀵계좌 (계좌 이체)는 보이는데 무통장입금 결제 수단은 보이지 않아서 질문들입니다
이니스프리몰_고도화
해당 api 가 무통장 인가요?
No description
이실장
이실장4mo ago
지금 테스트할 때 사용하시는 계정이 어떤걸까요?
이실장
이실장4mo ago
No description
이실장
이실장4mo ago
가상계좌도 저희와 계약되어있다면 노출됩니다. 현재 사용하시는 mid에는 계약이 안되어있을 거고요
이니스프리몰_고도화
기존 서비스에서 결제를 사용중이라 따로 계정을 발급 받지 않고 있습니다. 계정에 따라서 화면이 바뀌는건가요?
토스페이먼츠 BOT
토스페이먼츠 결제연동팀
계약 전 결제위젯 테스트 안내
현재 결제위젯은 계약이 완료된 이후에 사용이 가능합니다. 계약 이전에는 아래 Key를 이용해 테스트 가능합니다.
clientKey : test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm
secretKey : test_gsk_docs_OaPz8L5KdmQXkzRz3y47BMw6
clientKey : test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm
secretKey : test_gsk_docs_OaPz8L5KdmQXkzRz3y47BMw6
admin은 아래 링크에서 체험해 보실 수 있어요! (위 apiKey와 연동되지 않습니다) https://consumer.tosspayments.com/ex/payment-widget?device=MOBILE
이실장
이실장4mo ago
위에 admin 샘플보시면
이니스프리몰_고도화
무슨 말인지 이해 했습니다
이실장
이실장4mo ago
네 ~
이니스프리몰_고도화
계약된 계정에서만 결제 수단이 보는거군요
이실장
이실장4mo ago
위젯 전환일정이 언제실까요?
이니스프리몰_고도화
개발은 11월까지 완료가 목표이고 내년 3월 오픈 예정입니다.
이실장
이실장4mo ago
위젯에 대해 궁금한게 많으신 것 같은데, 필요할 경우 세일즈 담당자분 통해 화상미팅 등 요청주세요
이니스프리몰_고도화
네 감사합니다 위젯용 클라이언트키가 따로 존재 하는가요? 지금 상점 테스트 키로 위젯 실행 시에 에러가 발생합니다.
이실장
이실장4mo ago
사용한 키 남겨주세요
이니스프리몰_고도화
sk_test_DVkpY03g20DVkpybgv20
토스페이먼츠 BOT
💡 정보 제출
민감 정보를 안전하게 제출해주세요
이실장
이실장4mo ago
그 키는 저희 형태가 아닌데요 토스페이 키아닌가요?
이니스프리몰_고도화
그런가요? 기존 소스 쪽에서 가져온거라 다시 확인해보겟습니다. 키는 동일한거죠? 상점용 테스트 키도 로컬에서 위쥇 테스트 가능한거죠 이건 운영 상점키 인것 같은데
Kimoon Lee
Kimoon Lee4mo ago
지금 보내주시는 키는 토스패이용 키입니다. 토스페이먼츠 키는 live_sk 나 live_gsk 로 시작합니다.
이니스프리몰_고도화
테스트 키로 동일 한가요?
Ayaan
Ayaan4mo ago
네 둘다 토스페이에서 사용하는거고 토스페이먼츠에서는 사용할 수 없는키입니다. 아울러 이 채널은 공개채널이며 구글 검색에 인덱싱되고 있습니다. 보내주신 시크릿키는 노출되면 결제취소를 제3자가 일으킬 수 있는 위험성이 있어서, 삭제해주시는게 좋을 것 같습니다.
Kimoon Lee
Kimoon Lee4mo ago
테스트키는 test_sk 또는 test_gsk 로 시작합니다.
이실장
이실장4mo ago
@이니스프리몰_고도화 방금메일 보내신거죠?
이니스프리몰_고도화
네 저희쪽에서는 보내지 않았습니다 키 요청 받으셨나요? 운영이나 기획쪽에서 연락된거 같습니다.
이실장
이실장4mo ago
e커머스 영업1팀 정** 님이 메일 보내셨습니다
이니스프리몰_고도화
기존 이니스프리몰 확인하니 구 xpay 결제 모듈 연동이라 토스위젯에서 사용 가능한 키가 없어서 운영팀에 요청했었습니다.
유부장
유부장4mo ago
운영팀에 키 확인할 수 있는 링크 보내드렸으니, 운영팀과 확인해보시면 될듯 합니다.
이니스프리몰_고도화
안녕하세요 위젯 payment 객체에서 결제 수단을 코드 값으로 주는건 없나요?
이실장
이실장4mo ago
어느 시점에 말씀하시는건가요
이니스프리몰_고도화
결제 승인시에 결제 정보를 저장 처리 하려고 하는데 한글로 된 결제 수단 정보 이외 는 보이지 않아서요 한글로 분류 하는 방법뿐일까요?
이실장
이실장4mo ago
이실장
이실장4mo ago
이니스프리몰_고도화
어떤 데이터들은 코드가 있고 그렇군요
이실장
이실장4mo ago
저것도 코드 보다는 아니라 영문명입니다 ~
이니스프리몰_고도화
그렇긴 하죠; 간편결제에 kb페이 하나페이는 없는건가요?
이실장
이실장4mo ago
그건 간편결제가 아니라 앱카드입니다.
이니스프리몰_고도화
위젯 결제에 가능한가요?
이실장
이실장4mo ago
어떤게 가능하냐는 말씀이신가요?
이니스프리몰_고도화
토스 위젯 결제에 앱카드가 있는지 해서 문의 드립니다.
Ayaan
Ayaan4mo ago
네 결제창 오픈하면 앱카드 결제버튼이 노출이 될겁니다.
이실장
이실장4mo ago
토스페이먼츠 개발자센터
토스페이먼츠 결제 연동 문서, API, 키, 테스트 내역, 웹훅 등록 등 개발에 필요한 정보와 기능을 확인해 보세요. 결제 연동에 필요한 모든 개발자 도구를 제공해 드립니다.
이실장
이실장4mo ago
여기서 국민카드 눌러서 진행해보시면 될 것 같아요
이니스프리몰_고도화
앱카드는 신용카드로 구분되나요?
Ayaan
Ayaan4mo ago
No description
이니스프리몰_고도화
결제 승인 데이터에서 별도에 결제 수단 구분이 안되어있네요 그냥 카드 결제로 보면 되는군요
Ayaan
Ayaan4mo ago
네 카드결제의 일종입니다.
Kimoon Lee
Kimoon Lee4mo ago
네 카드사가 제공하는 앱카드는 카드결제의 한 종류로 결제 결과에서는 앱카드 결제인지 아닌지 구분할수가 없습니다.
이니스프리몰_고도화
sp 승인 요청 시에 { "code": "UNAUTHORIZED_KEY", "message": "인증되지 않은 시크릿 키 혹은 클라이언트 키 입니다.", "data": null } 인증되지 않는 시크릿 키라고 뜨는데 어떤 문제 일까요? 전달 받은 시크릿 키를 base64 암호화 했습니다. echo -n ‘test_gsk_PBal2vxj81gLRgdWxld1V5RQgOAN:’ | base64
today.lastday
today.lastday4mo ago
에러 발생한 주문번호도 올려주세요.
이니스프리몰_고도화
sp "paymentKey": "tinni20240704161057mZ3Q2", "orderId" : "MeWn4TAspehLTGNYKqK1e", "amount" : 10000 MeWn4TAspehLTGNYKqK1e 입니다
today.lastday
today.lastday4mo ago
/v1/payments/confirm 호출 하실 때 'Authorization: Basic dGVzdF9za19ZUEJhbDJ2eGo4MWV4NDdFNURHODVSUWdPQU5EOg==' 이런 형태로 보내주셔야 합니다. Authorization: 이걸 빼고 보내주신 것으로 보여요 여기서 사용한 키는 임시예제이니 원래 사용한키로 테스트 해주시면 됩니다.
이니스프리몰_고도화
전달 받은 키가 두쌍인데 하나는 결제위젯 연동 클라이언트 , 시크릿 키 한셋이랑 api 연동키 한세트를 받았는데 결제 위젯 연동키로 만 하면되나요? 승인은 api 서버에서 호출합니다. 테스트는 postman으로 진행 하였는데 실제 승인 요청은 서버에서 호출되는데 서버만 따로 api 시크릿키로 승인 요청이 들어가야 하나요?
유부장
유부장4mo ago
저 Basic 뒤에 저 값 복사해주실 수 있나요 @이니스프리몰고도화 승인 API 호출시에 사용하신 Basic 뒤의 값 복사 부탁 드려요! Base64 Decode 해보고 어떤 값인지 봐드리려고 합니다 값 확인해서 decode 해봤는데요 ' 이 컴마까지 encode 하셨습니다 키 값 앞뒤로 컴마가 있는것 같은데, 이 값은 제외하고 test 로 시작하는 부분부터를 encode 해주세요 ‘test_gsk ----- 이런식으로 시작하는 값을 encode 하셨는데 test_gsk ----- 이 부분부터 encode 하시면 된다는 의미 입니다
이니스프리몰_고도화
이런식으로 다시 인크립트 했는데 401 오류가 발생하네요 암호화 하는건 저게 맞는건가요?
이실장
이실장4mo ago
담당자님 지금 문의주시는 내용들이 대부분 docs를 보면서 문제 없이 진행 가능한 내용들입니다.
이니스프리몰_고도화
다른 문제일까요? 네 그럼 다시 시도해보겟습니다. 헤더에 메시지가 막히네요
이실장
이실장4mo ago
Postman
tosspayments | Public APIs | Postman API Network
Explore public APIs from tosspayments, exclusively on the Postman API Network. Find everything you need to quickly get started with tosspayments APIs.
이니스프리몰_고도화
지금은 api서버에서 세팅하고 있습니다.
이실장
이실장4mo ago
이값이랑 동일한 값이 들어갔는지 테스트해보세요
이실장
이실장4mo ago
동일하지 않을 경우 확인해보시기 바랍니다. 테스트키더라도 시크릿키라 키는 삭제하겠습니다.
이니스프리몰_고도화
값은 동일한것 같구요 혹시 지금 요청이 이상하게 들어갔을까요? 페이키는 tinni20240705093732Ry4q0 입니다.
이실장
이실장4mo ago
서버언어가 뭔가요
이니스프리몰_고도화
java 입니다. openFeign으로 api 사용하고 있구요
이실장
이실장4mo ago
Header 의 키가 Authorization 이고 value가 Basic **으로 들어가야합니다.
이니스프리몰_고도화
Authorization 값이 빠져 있나요?
이실장
이실장4mo ago
이니스프리몰_고도화
tinni20240705101139Ft6b9 방금 테스트 한 건인데 헤더 확인좀 부탁드립니다. { "code": "FAILED_PAYMENT_INTERNAL_SYSTEM_PROCESSING", "message": "인증실패 유효하지 않는 요청입니다." } 500에러 포스트맨으로 시도해도 에러네요
이실장
이실장4mo ago
paymentKey발급부터 다시진행해보시기 바랍니다.
이니스프리몰_고도화
paymentKey=tinni20240705105332TRBE6 tinni20240705105332TRBE6 확인 부탁드립니다 발급부터 다시 진행 하라는건 뭔말인가요? 매 결제 마다 생성 되는거 아닌가요??
Kimoon Lee
Kimoon Lee4mo ago
네 맞습니다. 결제창 부터 다시 시작하시라는 의미였고, 지금 보면 Authorization 값이 없습니다.
이니스프리몰_고도화
네 방금 새로 결제 내렸습니다 401 발생하구요
Kimoon Lee
Kimoon Lee4mo ago
코드 확인좀 해주세요. 요청하실때 요청하시는 헤더 값을 로그에 찍어서 확인해 주시기 바랍니다.
이니스프리몰_고도화
feigen 설정때문에 exception 처리 되어버려서 코드 확인이 힘든 상황입니다.
Kimoon Lee
Kimoon Lee4mo ago
값이 잘못들어가는게 아니라 아예 Authorization 이 헤더 값이 없습니다.
이니스프리몰_고도화
방금 결제 한것도 헤더가 비었나요?
Kimoon Lee
Kimoon Lee4mo ago
네 tinni20240705105332TRBE6 이것도 헤더가 없습니다.
today.lastday
today.lastday4mo ago
프로그램에 문제가 명백하게 없다면 내부 보안시스템에서 헤더를 지우거나하는 것은 아닌지도 확인부탁드려요.
이니스프리몰_고도화
tinni20240705111148FHDl1 지금 건도 이상있나요? 401 발생하는데 헤더 정의 방법을 바꿔 보았는데 그래도 값이 안넘어가면 http 호출 방식을 바꿔 봐야 할것같습니다. 위에 결제건 확인 부탁드려요
Kimoon Lee
Kimoon Lee4mo ago
이번엔 이렇게 왔습니다. authorization: Authorization=Basic XXXXXXX
이니스프리몰_고도화
500 FAILED_PAYMENT_INTERNAL_SYSTEM_PROCESSING 결제가 완료되지 않았어요. 다시 시도해주세요. Payment has not been completed. please try again.
Kimoon Lee
Kimoon Lee4mo ago
authorization: Basic XXXXX 이렇게 보내주셔야 합니다.,
이니스프리몰_고도화
헤더는 넘어 간것같습니다 tinni20240705111615DqLB5 paymentKey=tinni20240705111615DqLB5, orderId=7LopymM1Z9yUgc34OWcps, amount=10000 500에러가 발생해요 포스트맨과 동일한 에러 발생하네요
Kimoon Lee
Kimoon Lee4mo ago
헤더를 잘못넘겨주셨어요.
이니스프리몰_고도화
아..... 지금 어떻게 들어갔나요?
Kimoon Lee
Kimoon Lee4mo ago
paymentKey를 알려주세요. tinni20240705111615DqLB5 이건가요?
이니스프리몰_고도화
tinni20240705111615DqLB5 네 그리고 결제 수단이 몇개 노출이 안되고 있는데 상점 페이지에서 변경 가능한건가요? 계약에 따라 결제수단이 바뀌나요?
Kimoon Lee
Kimoon Lee4mo ago
네 상점에 따라 다를 수 있습니다. 위젯 설정하신걸 보시면 될거에요.
이니스프리몰_고도화
아.. 저희는 상점 관리를 할수 없어서 따로 요청을 할수 밖에 없는 상황이에요
이실장
이실장4mo ago
네 그럼 관리하실 수 있는 분꼐 문의주시면 될 것 같아요
이니스프리몰_고도화
네 헤더만 확인 부탁드리겟습니다.
Kimoon Lee
Kimoon Lee4mo ago
네 확인하고 공유 드릴께요.
Kimoon Lee
Kimoon Lee4mo ago
@이니스프리몰_고도화 님 지금 다시 결제창 열어서 해보실수 있을까요?
이니스프리몰_고도화
네 지금 다시 해보겟습니다. 결제 승인 성공했습니다. 다른 문제 였을까요?
Kimoon Lee
Kimoon Lee4mo ago
아 저희 쪽 설정에도 일부 오류가 있었습니다. 기본적으로 헤더에 계속 문제가 있던 상황이셨고 그게 정상적으로 들어왔는데 에러가 나서 확인해 보니 내부 설정하나도 이슈가 있던 상태였어요.
이니스프리몰_고도화
가상계좌 발급 api 에서 bank 파라메터가 샘플에서 숫자 코드 형태로 되어 있는데 코드는 어디를 참고 해야 하나요?
이니스프리몰_고도화
가상계좌 결제창 연동하기 | 토스페이먼츠 개발자센터
고객이 원하는 은행으로 가상계좌를 발급한 뒤 입금 받아 결제하는 방식입니다. 이 가이드를 읽고 나면 토스페이먼츠 가상계좌 결제창에서 가상계좌를 발급받고, 입금 결과를 웹훅으로 받을 수 있어요.
이니스프리몰_고도화
위에 링크에도 은행 코드 부분을 못찾아서 문의 드립니다.
유부장
유부장4mo ago
기관 코드 | 토스페이먼츠 개발자센터
파라미터로 전달할 수 있는 기관(카드사, 은행, 통신사) 코드 리스트입니다.
이니스프리몰_고도화
네~ 가상계좌 질문 드립니다. 토스 위젯에서는 가상계좌를 선택하고 결제를 진행하면 승인 api를 호출 하면서 가상계좌가 발행되는것 같던데 /v1/virtual-accounts 가상계좌 발급 api는 어떤 경우 호출 하는건가요?
Kimoon Lee
Kimoon Lee4mo ago
저희 UI 를 쓰지 않고 자체적으로 UI 만들어서 가상계좌를 발급하시는 요구사항이 있으신 경우 사용하시면 됩니다.
이니스프리몰_고도화
아.. 그럼 가상계좌 입금 확인은 어떻게 하나요? 따로 호출하는 api가 있나요?
Kimoon Lee
Kimoon Lee4mo ago
가상계좌 결제창 연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠 가상계좌 결제창에서 가상계좌를 발급받고, 입금 결과를 웹훅으로 받는 방법입니다.
Kimoon Lee
Kimoon Lee4mo ago
5번 항목을 보시면 됩니다.
이니스프리몰_고도화
웹훅? 토스쪽에서 저희쪽으로 등록된 url 쪽으로 쏘는건가요?
Kimoon Lee
Kimoon Lee4mo ago
네 맞습니다.
이니스프리몰_고도화
가상계좌 결제 취소 시에 환불 계좌 인증은 취소 api 호출될때 되는건가요?
이니스프리몰_고도화
별도에 계좌 유효성 검증 api를 호출 해야 하는지 확인차 질문 드립니다.
이실장
이실장4mo ago
@이니스프리몰_고도화 새로운 문의는 새로운 쓰레드에 남겨주세요~