지니
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/31/2025 in #❓┃연동개발-문의
브랜드 페이 redirectUrl 관련 문의입니다
넵 알겠습니다! 답변 감사합니다
45 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/31/2025 in #❓┃연동개발-문의
브랜드 페이 redirectUrl 관련 문의입니다
1. 도메인이 다르고, CSR인 경우에 redirectUrl에 클라이언트 페이지 url을 전달하면 index.html만 리턴되지 않나요?
- 제 경우엔, 예를 들어서 Postman으로 해당 url을 GET으로 호출했을 때에도 response가 Access Token 객체가 리턴되어야 하는데, 서버랑 도메인이 다른 클라이언트 url을 redirectUrl을 전달하면 index.html만 리턴되어서...
2. 혹시 CORS 헤더 처리도 진행했다고 하셨는데, 어떤 식으로 처리를 해주신건지 여쭤봐도 될까요??
45 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/31/2025 in #❓┃연동개발-문의
브랜드 페이 redirectUrl 관련 문의입니다
그러면 클라이언트 페이지에서 브랜드 페이 초기화 시 redirectUrl에 서버 도메인의 url을 전달하고, CORS 헤더 처리 통해서 access token 발급 정상 진행 하셨다는 뜻일까요?
45 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/31/2025 in #❓┃연동개발-문의
브랜드 페이 redirectUrl 관련 문의입니다
아아 수정한 url에 오류가 있었던 것 같네요.
그런데 해당 샘플은 클라이언트랑 서버가 같은 도메인인 케이스인거죠??
개발 중인 서비스는 도메인이 다른 서비스라서..
45 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/31/2025 in #❓┃연동개발-문의
브랜드 페이 redirectUrl 관련 문의입니다
아 넵 첨부가 늦었네요. 여기 있습니다!
45 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/31/2025 in #❓┃연동개발-문의
브랜드 페이 redirectUrl 관련 문의입니다
자료 공유 감사합니다.
그런데 혹시 widget 말고 api 연동으로 하고 있는 중이라서 해당 샘플 실행하여 http://localhost:3000/brandpay/checkout 에서 체크해보고 있는데, 첨부하는 영상처럼 에러가 발생하는데 확인 부탁드려도 될까요?
- 카드 정보 입력 + 동의 후 결제 진행한 상태입니다.
- 코드에서 변경한 부분은 아래와 같습니다.
1) express-react/src/pages/brandpay/BrandpayCheckout.tsx > line:9의 clientKey, line:25의 redirectUrl(http://localhost:3000/toss-payment/bp-auth -> 토스 페이먼츠의 리다이렉트 URL에도 등록함)
2) express-react/server.js > line:11의 apiSecretKey, line:123의 app.get()의 url 부분 -> "/toss-payment/bp-auth"
45 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/31/2025 in #❓┃연동개발-문의
브랜드 페이 redirectUrl 관련 문의입니다
그러면 도메인을 맞추기 어려울 경우엔 redirectUrl 내에서 서버쪽으로 토큰 요청하도록 API 호출하도록 해야 하고,
이렇게 구현하려면 CSR + url에 따른 라우팅 구조로는 구현이 안 된다는 말씀이시죠?
45 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/31/2025 in #❓┃연동개발-문의
브랜드 페이 redirectUrl 관련 문의입니다
아뇨 있습니다...!
클라이언트랑 서버가 도메인이 달라서 redirectUrl에는 클라이언트 url 전달하고 있구요.
redirectUrl을 호출하면 access token 발급 api를 바로 호출하는게 아니라,
redirectUrl에 해당하는 페이지 컴포넌트가 렌더링 되면서 url 정보 파싱하고 백엔드로 뮤테이션 형식으로 정보 전달하여 백엔드에서 access token api 호출하도록 되어 있습니다.
아마 아래 문의와 비슷한 이슈이지 않을까 싶은데...
https://discord.com/channels/864296203746803753/1019841718318805064/threads/1172401555643826226
45 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/31/2025 in #❓┃연동개발-문의
브랜드 페이 redirectUrl 관련 문의입니다
FE가 CSR(클라이언트 사이드 렌더링) 구조여서
브라우저에 url을 직접 입력하면 정상적으로 url 파라미터 처리가 되고,
그 외 방식으로 redirectUrl을 호출하면 index.html만 리턴되고 라우팅이나 파라미터 처리 로직이 수행되지 않는 것 같습니다.
45 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/31/2025 in #❓┃연동개발-문의
브랜드 페이 redirectUrl 관련 문의입니다
FE, BE 다 API 호출 관련 로그가 아예 없어서 호출이 되지 않는 것으로 보입니다.
그래서 토스에서 호출한 redirectUrl 호출은 응답이 200인데, redirectUrl에 맞게 Route 설정한 저희 페이지가 브랜드 페이 결제창에선 렌더링 되지 않는 것처럼 보여 혹시 원인을 아실까 싶어 문의 남겼습니다.
토스에서 호출한 code, customerKey까지 포함한 redirectUrl을 브라우저 주소창에 직접 입력하여 호출하면 저희가 구현한 로직 그대로 API 호출까지 정상적으로 완료가 되어서요.
45 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/31/2025 in #❓┃연동개발-문의
브랜드 페이 redirectUrl 관련 문의입니다
네, 그래서 제가 이해하기로는
1. 토스 페이먼츠에서 redirectUrl을 호출
2. 토스 브랜드 페이 결제창 내에서 hidden frame으로 저희가 설정한 페이지가 렌더링
3. 렌더링 된 페이지 내에서 url 중 code, customerKey 추출 및 api 호출
이렇게 로직 처리하면 되는 것 같은데 2번 과정의 페이지 렌더링 자체가 안 되는 것 같아서요.
네트워크 탭의 Response에는 저희 index.html이 잘 리턴되는데, 어떤 부분에서 문제가 있는건지 궁금합니다.
45 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/31/2025 in #❓┃연동개발-문의
브랜드 페이 redirectUrl 관련 문의입니다
redirectUrl을 호출하면 호출된 페이지가 렌더링 되면서,
url에 함께 전달된 code, customerKey를 백엔드로 전달. 전달 받은 값으로 백엔드에서 Access Token 발급 API 호출하도록 했습니다.
그런데 토스 브랜드 페이의 결제창에서 저희가 redirectUrl에 맞게 설정한 페이지의 렌더링 자체가 되지 않는 것 같아 원인 파악해보고자 문의 드린 상태입니다.
45 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/17/2025 in #❓┃연동개발-문의
[일시적인 오류가 발생했습니다] 이슈 파악 문의
넵 확인 감사합니다!
29 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/17/2025 in #❓┃연동개발-문의
[일시적인 오류가 발생했습니다] 이슈 파악 문의
pid-0107051, pid-0107052
입니다.
29 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/17/2025 in #❓┃연동개발-문의
[일시적인 오류가 발생했습니다] 이슈 파악 문의
아 그러면 혹시 처음에 문의 드렸던 유저도 원인이 같은 이슈인지 혹시 확인 가능할까요?
유저 정보
customerKey: 6ce2b61b-2185-47e8-943d-cefbe1f37243
결제 시도 시각: 2025-01-15 19:31:31, 2025-01-15 19:31:46
29 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/17/2025 in #❓┃연동개발-문의
[일시적인 오류가 발생했습니다] 이슈 파악 문의
넵 알겠습니다. 답변 감사합니다!
29 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/17/2025 in #❓┃연동개발-문의
[일시적인 오류가 발생했습니다] 이슈 파악 문의
아아 그렇군요. 만약 정의해서 전달한다면 sdk 설명에 나와있는 예시처럼
앱 스킴://
과 같이 스킴 뒤에 세미콜론과 슬래시 2번까지 작성해서 전달하면 되는거죠?
29 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/17/2025 in #❓┃연동개발-문의
[일시적인 오류가 발생했습니다] 이슈 파악 문의
아... 저 부분 때문에 에러가 발생한 걸까요?
앱은 react native webview 방식으로 앱 운영 중인 상태입니다.
별도로 커스텀 스킴은 정의 안 하고, 구글 파이어베이스의 다이나믹 링크 통해서 생성한 딥 링크를 운영 중이라 해당 딥 링크를 전달한거였습니다
혹시 그러면 appScheme에는 커스텀 스킴으로 직접 정의한 경우에만 전달해야 하는 걸까요?
29 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/17/2025 in #❓┃연동개발-문의
[일시적인 오류가 발생했습니다] 이슈 파악 문의
네 맞습니다
29 replies
TPToss payments 개발자 커뮤니티
•Created by 지니 on 1/17/2025 in #❓┃연동개발-문의
[일시적인 오류가 발생했습니다] 이슈 파악 문의
혹시 토스 측에서 어떻게 파악되는지 확인 가능할까요
29 replies