브랜드페이 정기결제 (flutter)
안녕하세요.
저희 토스 브랜드페이 정기결제를 구현하려고 하는데,
현재 나와있는 flutter SDK로는 불가능할까요..? (redirect url에서 막혔습니다)
method key를 저희가 관리해서 스케쥴러로 주기적으로 결제 요청을 하면 될까요,,,?
감사합니다.
77 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
현재나와있는 flutter sdk 로 결제수단등을 등록할 수 있는 위젯으로 사용 가능합니다. 단 정기결제의 경우, server to server로 결제요청해주시게 되요
그러면 redirect url을 플러터에서 어떤 형식인지 궁금합니다!
redirectURL 은 웹사이트로 설정해서 토큰 요청해주시면 됩니다.
서버 url로 redirect url을 설정했더니 cors 에러가 납니다. flutter sdk 내에서 사용하는 innerwebview의 웹사이트 url을 알아야 할 것 같은데 혹시 어떤 웹사이트 url을 말씀하시는 걸까요?
flutter sdk라 함은 저희 결제위젯 sdk쓰시는거죠?
네넵
ㅁㅕㅊ버전 쓰시나요
cors가 안나야 정상입니다.
baseurl처리가 되어있엇요
현재 2.0.0 쓰고 있습니다. 몇 버전부터 baseurl 처리되어 있는지 알수 있을까요?
처음부터 되어있긴 했습니다.
sdk 내부에서 관련 코드를 찾아볼 수 있을까요? 아니면 baseurl을 알려주시면 감사하겠습니다.
귀사에서 설정한 redirectUrl을 웹뷰의 baseurl처리를 하기 때문에 자동 적용됩니다.
GitHub
payment-widget-sample/flutter at main · tosspayments/payment-widget...
토스페이먼츠 결제위젯 샘플 프로젝트입니다. . Contribute to tosspayments/payment-widget-sample development by creating an account on GitHub.
샘플 한번 실행해보시겠어요?
혹시 redirectURL 을 빈값으로 보내고 있으신가요?
해당 프로젝트 실행해 보았는데, 첫번째 사진에 들어가는 redirect url이 null값 혹은 빈값으로 들어가는 것으로 확인했습니다. 말씀하시는대로라면 baseurl 처리한 이후에 해당 redirect url이 적용된다는 뜻일까요?
rediretUrl값을 별도로 안넣어서 보니고 계신거죠?
redirectUrl을 두가지로 테스트해보았는데,
1. 저희 서버 url로 넣었을 때 cors 에러가 뜨는것을 확인하였고,
2. app scheme을 넣어서 확인하였을 때 sdk 내부 innerwebview에서 올바른 url 형식이 아니라 에러가 나는 것을 확인하였습니다.
appScheme은 안넣는게 맞습니다.
위 앱 실행 첫화면>결제위젯 한번 캡처해주시겠어요?
그렇다면 올바른 redirectUrl형식을 알려주시겠어요?
잠시만 기다려 주세요
귀사 mid는 어떻게 되세요 ?
cp_chorokyx0x 입니다.
위에 요청드린 캡처도 부탁드려요
지금 저상태로 호출하시는건가요? 저값 그대로요
지금 호출하실때 키는 뭐쓰시나요?
사용하시는 상점키를 써주세요.
사용하시는 상점키 외에도
variantKey, redirectUrl모두 채워주셔야해요
채워서 수정하고 실행한 후에 결과 다시 공유드려도 괜찮을까요? 다만 varientKey까지는 채우더라도 redirectUrl을 어떻게 채워야 할지 모르겠습니다.
redirectUrl 은 지금 개발자 센터에 등록된 URL 로 보내주시면되고,
해당 URL 에 accessToken 발급요청 API 구현해두시면 됩니다.
브랜드페이 인증하기 | 토스페이먼츠 개발자센터
브랜드페이 인증은 OAuth 2.0 인증 프레임워크를 기반으로 구현되어 있습니다. 브랜드페이에서 Access Token을 발급하고 사용하는 방법을 안내합니다.
키 채워넣고 위젯 실행한 결과 사진과 같은 cors 에러가 뜹니다. 해당 url이 저희 서버 url이고, accessToken 발급요청 구현해 두었습니다.
하나는 443을 쓰시고 하나는 8081 로 포트가 달라서 오류가 납니다.
redirectUrl=drharu:// 을 이렇게 보내셨는데요.
accessToken 을 발행하는https://drharu.kr:8081/service/toss/auth 이걸로 설정해 주세요.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
accessToken이 443으로 요청이 간다는 말씀이실까요??
지금 redirectURL 을 어떻게 보내고 계신건가요?
https://drharu.kr:8081/service/toss/auth 로 보내고 있습니다 .
nativeSDK 에서 그렇게 보내고 있으신가요?
Flutter SDK사용해서 보내고 있습니다 .
그렇게 보내셨는데, 에러가 보내주신것 처럼 발생하시는 건가요?
네네 그렇습니다 ㅠㅜㅠ
혹시 redirectURL 을 기본 포트인 443에서 처리하도록 수정이 가능하신가요?
아마도 저희 플러터 SDK 가 redirectURL 의 포트를 base URL 에 추가하지 않는것 같네요.
네네 확인해보고 다시 물어보겠습니다 ㅎㅎㅎ
잘 작동합니다.
저희 브랜드페이로 정기 결제의 경우에는 method key를 저희 db에 저장해서 스케쥴러로 주기적으로 결제 진행하면 될까요???
네 맞습니다.
감사합니다 !
flutter SDK사용해서 브랜드페이 결제 수단 등록을 하면 그다음부터 결제 방법이 아무것도 뜨질 않는데, 혹시 관련하여 redirect_url에서 반환해줘야 하는 값이 있을까요..? 그리고 flutter에서 어떻게 처리해야 하는지 궁금합니다.
브랜드페이 인증하기 | 토스페이먼츠 개발자센터
브랜드페이 인증은 OAuth 2.0 인증 프레임워크를 기반으로 구현되어 있습니다. 브랜드페이에서 Access Token을 발급하고 사용하는 방법을 안내합니다.
여기 보셨나요?
redirecturl에서 accessToken 호출해주세요
네네 확인했습니다. redirecturl에서 access Token 정상적으로 호출중입니다.
mid및 customerKey알려주세요
mid = cp_chorokyx0x customerKey = 1dc45548fd6547e4dbc307a39f61e1a2383be305 입니다.
테스트키로 진행중이신거죠?
네네 그렇습니다
브랜드페이 결제수단 등록한후에 UI 상에 어떻게 표시 되는지 캡쳐해서 보내주실수 있을까요?
지금 저희 시스템상으로는 카카오뱅크 카드가 잘 등록되어 있는것으로 보이는데요.
이렇게 뜨고 있습니다.
새로고침 하면 잘 나오나요?
await paymentWidget
.renderPaymentMethods(
selector: 'membership_methods',
amount: Amount(
value: int.parse(membership.value.price),
currency: Currency.KRW,
country: "KR"),
options: RenderPaymentMethodsOptions(
variantKey: "membershipOnly")) //brandpay
.then((control) {
paymentMethodWidgetControl = control;
});
여기 코드에서 결과가 반환이 안되는것 같습니다.
혹시 toss 웹뷰에서 써드파티 쿠키 허용을 해줘야 할까요?
일단 로그부터 확인해 보고 공유 드리겠습니다.
@우르릉 님 지금 확인해 보실수 있을까요?
지금 정상 작동합니다. 카드 이미지가 우리로 나오기는하는데.. 정상일까요.,,?
네 테스트 환경에서는 모든 카드가 다 우리카드로 표시 됩니다. 라이브는 잘 되실거에요.
네넵 감사합니다 !
method key를 사용할때 카드 등록이외에 추가적인 작업이 필요할까요,,? /v1/brandpay/payments으로 자동 결제 진행하려고 하는데,
code:NOT_FOUND_MERCHANT message:존재하지 않는 상점 정보 입니다. 라는 에러가 발생합니다.
해당 에러 받은 customerKey와 대략적인 시점 확인해주시겠어요
혹시 위젯키로 요청하셨나요?
해당 요청에 한해서는 API 개별 연동키 사용을 해야 할까요..?
네 맞습니다.
브랜드페이용 api 개별연동키를 사용하셔야해요
확인해보고 문제 발생시 다시 연락드리겠습니다 감사합니다 .
api 개별 연동키로 변경하고, 자동결제 관련 약관동의 진행후에 요청을 하면
code:NOT_FOUND_METHOD message:존재하지 않는 결제 수단 입니다. 에러가 발생합니다.. 진행된 method key의 경우 등록 확인했습니다.
"customerKey":"1dc45548fd6547e4dbc307a39f61e1a2383be305"
methodKey에 methodId를 보내고 계시네욯 ㅎ
methodKey,methodId 서로 다른 값입니다.
method ID 로 method Key 를 조회 할 방법은 없죠..?
네 customerKey로 결제수단조회해서 확인해주셔야합니다.
아하 알겠습니다 감사합니다!!
약관 설정 UI에 자동 결제 약관 추가후에 저희가 동의를 받고, 해당 약관 동의 API를 서버에서 요청해도 괜찮을까요?
따로 Flutter SDK에서는 자동결제를 못받는것 같아서요 ㅠ.ㅠ
네 그렇게 하셔도 됩니다.
자동결제 약관 동의 관련해서 버전이 있던데, 혹시 버전업이 되면 약관을 다시 받아야 하나요..?
아니요~
네 감사합니다 !
안녕하세요.
초록테크 유경민입니다.
저번에 테스트키에서 발생한던 문제가 라이브키에서도 발생하여 연락드립니다.
네 확인해 보겠습니다.
라이브에 리다이렉트 url 등록 확인해주시기 바랍니다.
등록 진행했습니다. 그래도 동일 증상 발생합니다.
현재 잘 동작합니다.
감사합니다 .
안녕하세요!
이번에 서버 주소를 변경하면서 저번과 동일한 브랜드페이 카드가 로딩이 되지 않는 문제가 발생하여 문의 드립니다.
리다이렉트 url이 등록되지 않았다는 에러가 뜨는데, 등록은 정상적으로 되어 있다고 생각합니다.
mid는 cp_chorokyx0x 입니다.
새로운 문의는 가능하시면 새로운 쓰레드로 해주시겠어요?
넵 알겠습니다!