샵바이 헤드리스 토스페이먼츠 결제 위젯 사용 문의드립니다.
안녕하세요 결제 연동 관련하여 문의드립니다.
현재 Next.js 환경에서 샵바이 헤드리스로 쇼핑몰을 구현하고 있으며 PG 심사까지 완료된 상태입니다.
주문서 화면에서 다른 UI는 모두 완료 되었으며 결제하기 버튼을 클릭 시 토스페이먼츠 결제 위젯을 연동하려고 합니다
다만 구현 과정에서 결제 플로우의 순서가 명확하지 않아 문의드립니다
현재 헷갈리는 부분은 아래 두 가지 시나리오 중 어떤 방식이 올바른지입니다
1. 결제하기 버튼 클릭 > 토스페이먼츠 SDK 초기화 > 결제 위젯 렌더링 > 샵바이 결제 API 호출
2. 결제하기 버튼 클릭 > 샵바이 결제 API 호출 > 토스페이먼츠 SDK 초기화 > 결제 위젯 렌더링
혹시 제가 놓치고 있는 부분이 있거나 샵바이 헤드리스 환경에서 토스페이먼츠를 연동할 경우 주문 생성 / 결제 요청 / 결제 승인 처리의 정확한 권장 흐름이 있다면 안내 부탁드립니다
추가로 현재 웹은 Next.js로 구현되어 있으나 실제 서비스는 Flutter WebView로 감싸서 앱 형태로 제공할 예정입니다
해당 구조에서 결제 연동 시 쿠키, 리다이렉트 처리, 사파리/웹뷰 정책 등 추가로 유의해야 할 사항이 있다면 함께 안내 부탁드립니다
감사합니다!
8 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(문제가 발생한 이미지나 전체 결제흐름 동영상을 첨부해주시면 빠른 분석을 받으실 수 있습니다.)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
샵바이 헤드리스는 샵바이 엔터프라이즈의 스킨 중 FE를 분리해 커스텀할 수 있는 스킨으로 아는데요.
어쨋든 샵바이 엔터프라이즈의 제품이기때문에
샵바이 엔터프라이즈에서 PG신청을 하시고 샵바이 엔터프라이즈에 연동을 문의해주 셔야 합니다.
전자결제(PG) < 결제/간편결제 | NHN커머스
쇼핑몰에 결제 수단을 연동하여 고객이 상품을 구매할 수 있도록하는 필수 부가서비스입니다.
계약 신청은 토스페이먼츠 선택하셔서 신청하시면 됩니다.
안녕하세요 이안님, PG 신청과 계약 및 심사까지 모두 완료되었고 결제위젯 호출 플로우에 대한 기술 문의입니다.
샵바이를 쓰신다면 샵바이에서 제작한모듈로 연동해야할거라서 결제위젯은 사용이 불가능하구요.
자세한 가이드는 엔에이치엔커머스로 문의해주세요.
가이드 < 워크스페이스 | NHN커머스
샵바이 API를 활용한 쇼핑몰 제작 방법에 대해 안내합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.