샵바이 헤드리스 토스페이먼츠 결제 위젯 사용 문의드립니다.
안녕하세요 결제 연동 관련하여 문의드립니다.
현재 Next.js 환경에서 샵바이 헤드리스로 쇼핑몰을 구현하고 있으며 PG 심사까지 완료된 상태입니다.
주문서 화면에서 다른 UI는 모두 완료 되었으며 결제하기 버튼을 클릭 시 토스페이먼츠 결제 위젯을 연동하려고 합니다
다만 구현 과정에서 결제 플로우의 순서가 명확하지 않아 문의드립니다
현재 헷갈리는 부분은 아래 두 가지 시나리오 중 어떤 방식이 올바른지입니다
1. 결제하기 버튼 클릭 > 토스페이먼츠 SDK 초기화 > 결제 위젯 렌더링 > 샵바이 결제 API 호출
2. 결제하기 버튼 클릭 > 샵바이 결제 API 호출 > 토스페이먼츠 SDK 초기화 > 결제 위젯 렌더링
혹시 제가 놓치고 있는 부분이 있거나 샵바이 헤드리스 환경에서 토스페이먼츠를 연동할 경우 주문 생성 / 결제 요청 / 결제 승인 처리의 정확한 권장 흐름이 있다면 안내 부탁드립니다
추가로 현재 웹은 Next.js로 구현되어 있으나 실제 서비스는 Flutter WebView로 감싸서 앱 형태로 제공할 예정입니다
해당 구조에서 결제 연동 시 쿠키, 리다이렉트 처리, 사파리/웹뷰 정책 등 추가로 유의해야 할 사항이 있다면 함께 안내 부탁드립니다
감사합니다!
현재 Next.js 환경에서 샵바이 헤드리스로 쇼핑몰을 구현하고 있으며 PG 심사까지 완료된 상태입니다.
주문서 화면에서 다른 UI는 모두 완료 되었으며 결제하기 버튼을 클릭 시 토스페이먼츠 결제 위젯을 연동하려고 합니다
다만 구현 과정에서 결제 플로우의 순서가 명확하지 않아 문의드립니다
현재 헷갈리는 부분은 아래 두 가지 시나리오 중 어떤 방식이 올바른지입니다
1. 결제하기 버튼 클릭 > 토스페이먼츠 SDK 초기화 > 결제 위젯 렌더링 > 샵바이 결제 API 호출
2. 결제하기 버튼 클릭 > 샵바이 결제 API 호출 > 토스페이먼츠 SDK 초기화 > 결제 위젯 렌더링
혹시 제가 놓치고 있는 부분이 있거나 샵바이 헤드리스 환경에서 토스페이먼츠를 연동할 경우 주문 생성 / 결제 요청 / 결제 승인 처리의 정확한 권장 흐름이 있다면 안내 부탁드립니다
추가로 현재 웹은 Next.js로 구현되어 있으나 실제 서비스는 Flutter WebView로 감싸서 앱 형태로 제공할 예정입니다
해당 구조에서 결제 연동 시 쿠키, 리다이렉트 처리, 사파리/웹뷰 정책 등 추가로 유의해야 할 사항이 있다면 함께 안내 부탁드립니다
감사합니다!
Toss payments 개발자 커뮤니티입니다. 결제 연동하며 겪는 기술 문의부터, 결제 시장에 대한 다양한 정보까지 얻어가세요~
15,588Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
